/* Dugdh Dhara — component styles layered on theme.json */
:root{
  --dd-royal:#2B2E8F; --dd-navy:#191B57; --dd-ink:#22243A; --dd-ink-soft:#55586F;
  --dd-mist:#F1F3FF; --dd-ghee:#F2B705; --dd-ghee-soft:#FFF6D6; --dd-leaf:#8DBA2C;
  --dd-line:#DDE1F3; --dd-wa:#1FA855; --dd-r:24px; --dd-r-sm:12px;
  --dd-i-wa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2c-1.5 0-3-.4-4.3-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.7.8-.8 1-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.3-.4.3-.4.7-1.3.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 2.9 2.9 0 0 0-.9 2.2c0 1.3.9 2.5 1 2.7.1.2 1.8 2.8 4.4 3.9 1.6.7 2.3.8 3.1.6.5-.1 1.5-.6 1.7-1.2.2-.6.2-1.1.2-1.2-.1-.1-.3-.2-.5-.3z'/%3E%3C/svg%3E");
  --dd-i-phone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1z'/%3E%3C/svg%3E");
  --dd-i-mail:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2zm8 7.2L20 6H4l8 5.2zM4 8.3V18h16V8.3l-8 5.2-8-5.2z'/%3E%3C/svg%3E");
  /* the milk-pour edge: white wave that ends the blue hero */
  --dd-wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M0 64c120-34 240-50 360-36s200 58 330 60 230-56 380-62 260 34 370 44v70H0z'/%3E%3C/svg%3E");
}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{-webkit-font-smoothing:antialiased}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--dd-ghee);outline-offset:3px;border-radius:4px}
.dd-main{margin-block-start:0!important}
.dd-main > .wp-block-post-content{margin-block-start:0}
.dd-main > .wp-block-post-content > :first-child{margin-block-start:0}
.dd-page{padding-top:3rem;padding-bottom:4rem}

/* Header */
.dd-top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--dd-line)}
body.admin-bar .dd-top{top:32px}
@media (max-width:782px){body.admin-bar .dd-top{top:46px}}
.dd-header{min-height:74px;margin:0 auto!important}
.dd-logo img{height:54px;width:auto;display:block}
.dd-header-right{gap:22px!important}
.dd-nav{font-weight:600;gap:22px!important;font-family:"Baloo 2",system-ui,sans-serif;font-size:1.1rem}
.dd-nav a{color:var(--dd-navy);text-decoration:none}
.dd-nav a:hover{color:var(--dd-royal)}
@media (max-width:880px){.dd-nav{display:none!important}.dd-logo img{height:46px}}

/* Buttons */
.dd-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:.55em;font-family:"Baloo 2",system-ui,sans-serif;font-weight:700;font-size:1.1rem;line-height:1.1;text-decoration:none;border:0;cursor:pointer;padding:.65em 1.3em .6em;border-radius:999px}
.dd-btn svg{width:1.15em;height:1.15em;flex:none}
.dd-btn-call{background:var(--dd-royal);color:#fff!important}
.dd-btn-call:hover{background:var(--dd-navy)}
.dd-btn-wa{background:var(--dd-wa);color:#fff!important}
.dd-btn-wa:hover{background:#178a45}
.dd-btn-block{width:100%}
@media (max-width:420px){.dd-btn-call span{display:none}.dd-btn-call{padding:.7em}}
.dd-wa .wp-block-button__link{background:var(--dd-wa)!important;color:#fff!important;display:inline-flex;align-items:center;gap:.55em}
.dd-wa .wp-block-button__link:hover{background:#178a45!important}
.dd-wa .wp-block-button__link::before,.dd-btn-wa::before,.dd-way-wa a::before{content:"";width:1.2em;height:1.2em;flex:none;background:currentColor;-webkit-mask:var(--dd-i-wa) center/contain no-repeat;mask:var(--dd-i-wa) center/contain no-repeat}
.dd-way-phone a::before{content:"";width:1.1em;height:1.1em;flex:none;background:currentColor;-webkit-mask:var(--dd-i-phone) center/contain no-repeat;mask:var(--dd-i-phone) center/contain no-repeat}
.dd-way-mail a::before{content:"";width:1.1em;height:1.1em;flex:none;background:currentColor;-webkit-mask:var(--dd-i-mail) center/contain no-repeat;mask:var(--dd-i-mail) center/contain no-repeat}
.dd-ghost .wp-block-button__link{background:transparent!important;color:#fff!important;border:0!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.55)}
.dd-ghost .wp-block-button__link:hover{box-shadow:inset 0 0 0 2px #fff}

/* Text helpers */
.dd-lead{font-size:1.25rem;color:var(--dd-ink-soft);max-width:34em}

/* Sections */
.dd-sec{padding-top:clamp(3.5rem,7vw,5.5rem)!important;padding-bottom:clamp(3.5rem,7vw,5.5rem)!important;margin-block-start:0!important}
.dd-sec[id]{scroll-margin-top:74px}
.dd-sec-head{max-width:40em;margin-bottom:2.5rem!important}
.dd-sec-head p{color:var(--dd-ink-soft);margin-top:.75rem}

/* Hero: royal blue, ending in a poured-milk wave */
.dd-hero{position:relative;background:radial-gradient(120% 90% at 85% 30%,#3A3EB0 0%,var(--dd-royal) 45%,var(--dd-navy) 100%);color:#fff;padding-top:clamp(2.5rem,6vw,4.5rem)!important;padding-bottom:clamp(6rem,11vw,9rem)!important;margin-block-start:0!important;overflow:hidden}
.dd-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:clamp(50px,8vw,110px);background:var(--dd-wave) bottom/100% 100% no-repeat}
.dd-hero h1{color:#fff;max-width:12em}
.dd-hero .dd-lead{color:#D7D9FF}
.dd-hero .wp-block-buttons{margin-top:1.75rem}
.dd-hero-cols{gap:48px!important}
.dd-hero-logo{margin:0!important}
.dd-hero-logo img{width:100%;max-width:440px;height:auto;margin:0 auto;display:block;filter:drop-shadow(0 18px 30px rgba(0,0,0,.35));transform:rotate(-4deg)}
@media (max-width:781px){.dd-hero-logo img{max-width:260px}.dd-hero-cols > .wp-block-column:last-child{order:-1}}

/* Products: Devanagari name is the visual */
.dd-products{gap:18px!important}
.dd-prod{background:var(--dd-mist);border-radius:var(--dd-r);padding:26px 26px 24px!important;display:flex;flex-direction:column}
.dd-prod > *{margin:0!important}
.dd-prod .dd-hi{font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;font-size:2.6rem;line-height:1.15;color:var(--dd-royal);margin-bottom:10px!important}
.dd-prod h3{font-size:1.25rem}
.dd-prod p:not(.dd-hi){color:var(--dd-ink-soft);font-size:1.02rem;margin-top:4px!important}
.dd-prod-milk{background:var(--dd-royal)}
.dd-prod-milk .dd-hi,.dd-prod-milk h3{color:#fff}
.dd-prod-milk p:not(.dd-hi){color:#D7D9FF}
.dd-prod-ghee{background:var(--dd-ghee-soft)}
.dd-prod-ghee .dd-hi{color:#9A6B00}

/* Outlet */
.dd-outlet{background:var(--dd-ghee-soft)}
.dd-outlet .wp-block-columns.alignwide{gap:48px!important}
.dd-menu{gap:24px!important;margin-top:1.5rem!important}
.dd-menu h3{font-size:1.25rem}
.dd-menu ul{padding-left:1.1em;margin:.4rem 0 0}
.dd-visit{background:#fff;border-radius:var(--dd-r);padding:26px!important}
.dd-visit > *{margin:0!important}
.dd-visit > * + *{margin-top:.6rem!important}
.dd-hours{font-family:"Baloo 2",system-ui,sans-serif;font-size:1.15rem;line-height:1.3;color:var(--dd-ink-soft)}
.dd-hours strong{font-size:1.9rem;color:var(--dd-navy);font-weight:800}
.dd-quote{margin:14px 0 0!important;border:0!important;border-left:4px solid var(--dd-ghee)!important;padding:4px 0 4px 18px!important}
.dd-quote p{font-size:1.15rem;font-weight:500;line-height:1.45;margin:0}
.dd-quote p::before{content:"“"}
.dd-quote p::after{content:"”"}
.dd-quote cite{font-style:normal;color:var(--dd-ink-soft);font-size:.92rem}

/* About */
.dd-about{background:var(--dd-navy);color:#fff}
.dd-about h2{color:#fff}
.dd-about .dd-lead{color:#D7D9FF}
.dd-about p{color:#C6C9EE}
.dd-about .wp-block-columns{gap:56px!important}
ul.dd-facts{list-style:none;padding:0;margin:0;display:grid;gap:14px}
ul.dd-facts li{background:rgba(255,255,255,.07);border-radius:var(--dd-r-sm);padding:16px 20px;color:#D7D9FF;display:flex;align-items:baseline;gap:14px}
ul.dd-facts strong{font-family:"Baloo 2",system-ui,sans-serif;font-size:2.2rem;font-weight:800;color:var(--dd-ghee);line-height:1;min-width:2.7em}

/* Bulk / contact */
.dd-bulk .wp-block-columns{gap:56px!important}
.dd-way{margin:0!important}
.dd-bulk .dd-lead + .dd-way{margin-top:1.75rem!important}
.dd-way + .dd-way{margin-top:.8rem!important}
.dd-way a{color:var(--dd-navy);text-decoration:none;font-size:1.25rem;font-weight:600;display:inline-flex;align-items:center;gap:12px}
.dd-way a:hover{color:var(--dd-royal);text-decoration:underline}
.dd-form{background:var(--dd-mist);border-radius:var(--dd-r);padding:28px;display:grid;gap:14px}
.dd-form label{font-weight:600;font-size:1rem;display:grid;gap:6px;color:var(--dd-navy)}
.dd-form input,.dd-form select,.dd-form textarea{font:inherit;font-size:1.05rem;padding:.6em .8em;border:2px solid var(--dd-line);border-radius:var(--dd-r-sm);background:#fff;color:var(--dd-ink);width:100%;box-sizing:border-box}
.dd-form input:focus,.dd-form select:focus,.dd-form textarea:focus{border-color:var(--dd-royal);outline:none}
.dd-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dd-fine{font-size:.88rem;color:var(--dd-ink-soft);margin:0}
@media (max-width:460px){.dd-row2{grid-template-columns:1fr}}

/* Footer */
.dd-footer{background:var(--dd-navy);color:#B9BCE6;font-size:.95rem;padding-top:26px!important;padding-bottom:26px!important;margin-block-start:0!important;border-top:1px solid rgba(255,255,255,.08)}
.dd-footer p{margin:0}
.dd-footer a{color:#fff}
footer.wp-block-template-part{margin-block-start:0}

/* Floating WhatsApp on mobile */
.dd-fab{position:fixed;right:16px;bottom:16px;z-index:60;width:58px;height:58px;border-radius:50%;background:var(--dd-wa);display:none;place-items:center;box-shadow:0 10px 24px -8px rgba(0,0,0,.45)}
.dd-fab svg{width:30px;height:30px}
@media (max-width:880px){.dd-fab{display:grid}}

/* Phones: two product tiles per row, smaller hero logo */
@media (max-width:600px){
  .dd-products{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .dd-prod{padding:18px 16px!important}
  .dd-prod .dd-hi{font-size:1.85rem}
  .dd-prod h3{font-size:1.1rem}
  .dd-prod p:not(.dd-hi){font-size:.95rem}
  .dd-hero-logo img{max-width:200px}
  .dd-hero .wp-block-button__link{font-size:1.05rem!important}
}

/* Milk panel with four variants */
.dd-milk{background:var(--dd-royal);border-radius:var(--dd-r);padding:32px!important;color:#fff;margin-bottom:2.75rem!important}
.dd-milk-cols{gap:32px!important;margin:0!important}
.dd-milk .dd-hi{font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;font-size:3.6rem;line-height:1.05;color:#fff;margin:0!important}
.dd-milk .dd-milk-title{color:#fff;font-size:1.45rem;margin-top:.4rem!important}
.dd-milk p{color:#D7D9FF}
.dd-milk-grid{gap:12px!important;grid-template-columns:1fr 1fr!important}
.dd-milk-var{background:rgba(255,255,255,.1);border-radius:var(--dd-r-sm);padding:18px 20px!important}
.dd-milk-var > *{margin:0!important}
.dd-milk-var h3{color:#fff;font-size:1.2rem}
.dd-milk-var p{margin-top:2px!important;font-size:1rem}
.dd-milk-var:first-child{background:var(--dd-ghee)}
.dd-milk-var:first-child h3{color:var(--dd-navy)}
.dd-milk-var:first-child p{color:#4A3A00}
.dd-group-title{font-size:1.6rem!important;margin:0 auto 1.1rem!important}
.dd-products + .dd-group-title{margin-top:2.75rem!important}
.dd-prod-sweet{background:#FDEFF3}
.dd-prod-sweet .dd-hi{color:#A3204F}
@media (max-width:600px){.dd-milk{padding:22px!important}.dd-milk .dd-hi{font-size:2.8rem}.dd-milk-grid{grid-template-columns:1fr 1fr!important}.dd-milk-var{padding:14px!important}}