/*
Theme Name: DIY Crafts India
Theme URI: https://diycraftsindia.com/
Author: Rajeev Chaurasiya
Description: Custom WooCommerce theme foundation for DIY Crafts India.
Version: 1.0.1
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: diy-crafts-india
*/
:root{
/* Central design tokens: values will be supplied by the Global Design Settings plugin. */
--dci-color-primary:#730F05;
--dci-color-secondary:#FFAA33;
--dci-color-background:#F7F1E7;
--dci-color-surface:#FFFFFF;
--dci-color-text:#1E1A18;
--dci-color-muted:#6B625B;
--dci-color-border:rgba(115,15,5,.13);
--dci-color-primary-hover:#4F0A03;
--dci-color-secondary-hover:#E8921D;
--dci-font-body:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
--dci-font-heading:"Unbounded",system-ui,sans-serif;
--dci-font-mono:"JetBrains Mono",monospace;
--dci-font-size-body:16px;
--dci-font-size-small:12px;
--dci-font-size-nav:13px;
--dci-font-size-button:13px;
--dci-font-size-product-title:16px;
--dci-line-height-body:1.5;
--dci-transition-fast:.2s ease;
--dci-wine:var(--dci-color-primary);
--dci-crimson:var(--dci-color-primary);
--dci-gold:var(--dci-color-secondary);
--dci-sand:var(--dci-color-background);
--dci-wood:#8A5A2B;
--dci-ink:var(--dci-color-text);
--dci-muted:var(--dci-color-muted);
--dci-white:#fff;
--dci-border:var(--dci-color-border);
--dci-shadow:0 12px 35px rgba(30,26,24,.08);
--dci-radius:16px;
--dci-container:1280px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--dci-sand);color:var(--dci-ink);font-family:var(--dci-font-body);font-size:var(--dci-font-size-body);line-height:var(--dci-line-height-body)}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}
.dci-container{width:min(calc(100% - 40px),var(--dci-container));margin-inline:auto}
.dci-announcement{background:var(--dci-wine);color:#fff;font-size:12px;letter-spacing:.03em}
.dci-announcement__inner{min-height:34px;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center}
.dci-announcement a{text-decoration:underline;text-underline-offset:3px}
.dci-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb, var(--dci-color-background) 97%, transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--dci-border)}
.dci-header__main{min-height:82px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}
.dci-brand{display:flex;align-items:center;min-width:190px}.dci-brand img{display:block;max-height:54px;width:auto}
.dci-brand__text{font-family:var(--dci-font-heading);font-weight:800;font-size:19px;letter-spacing:-.04em;color:var(--dci-wine);line-height:1.05}
.dci-brand__tag{display:block;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--dci-muted);margin-top:5px}
.dci-search{position:relative;max-width:650px;width:100%;justify-self:center}
.dci-search form{display:flex;align-items:center;background:var(--dci-color-surface);border:1px solid var(--dci-border);border-radius:999px;height:48px;box-shadow:0 4px 16px rgba(30,26,24,.04)}
.dci-search input[type=search]{flex:1;border:0;outline:0;background:transparent;padding:0 18px;color:var(--dci-ink);min-width:0}
.dci-search button{width:48px;height:48px;border:0;background:transparent;color:var(--dci-wine);cursor:pointer;display:grid;place-items:center}
.dci-header__actions{display:flex;align-items:center;gap:9px}
.dci-icon-btn{position:relative;width:43px;height:43px;border:1px solid var(--dci-border);border-radius:50%;background:var(--dci-color-surface);color:var(--dci-wine);display:grid;place-items:center;cursor:pointer;transition:var(--dci-transition-fast)}
.dci-icon-btn:hover{transform:translateY(-2px);border-color:color-mix(in srgb, var(--dci-color-primary) 30%, transparent);box-shadow:0 8px 18px rgba(30,26,24,.08)}
.dci-count{position:absolute;right:-2px;top:-3px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--dci-crimson);color:#fff;font:700 10px/18px var(--dci-font-body);text-align:center;border:2px solid var(--dci-sand)}
.dci-nav{border-top:1px solid var(--dci-border)}.dci-nav__inner{min-height:50px;display:flex;align-items:center;justify-content:center}
.dci-menu{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.dci-menu>li{position:relative}
.dci-menu>li>a{display:flex;align-items:center;gap:6px;padding:15px 13px;font-size:var(--dci-font-size-nav);font-weight:750;color:var(--dci-ink);white-space:nowrap;transition:.2s}
.dci-menu>li>a:hover,.dci-menu>li.current-menu-item>a,.dci-menu>li.current-menu-ancestor>a{color:var(--dci-crimson)}
.dci-menu>li.menu-item-has-children>a:after{content:"⌄";font-size:13px;margin-top:-3px}
.dci-menu>li>.sub-menu{position:absolute;left:50%;top:100%;transform:translate(-50%,8px);opacity:0;visibility:hidden;pointer-events:none;width:min(1100px,calc(100vw - 40px));background:var(--dci-color-surface);border:1px solid var(--dci-border);border-radius:0 0 18px 18px;box-shadow:var(--dci-shadow);padding:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;margin:0;transition:.18s ease}
.dci-menu>li:hover>.sub-menu,.dci-menu>li:focus-within>.sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.dci-menu .sub-menu li{list-style:none}.dci-menu .sub-menu a{display:block;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:650}
.dci-menu .sub-menu a:hover{background:var(--dci-sand);color:var(--dci-wine)}
.dci-menu .sub-menu .sub-menu{display:block;position:static;box-shadow:none;border:0;padding:0 0 8px 10px;width:auto;opacity:1;visibility:visible;transform:none;pointer-events:auto;background:transparent}
.dci-mobile-toggle{display:none}.dci-mobile-bottom{display:none}
.dci-footer{margin-top:80px;background:var(--dci-wine);color:#fff;position:relative;overflow:hidden}
.dci-footer:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.035) 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,rgba(255,255,255,.035) 50%,transparent 50.3%);background-size:44px 44px;pointer-events:none}
.dci-footer__top{position:relative;padding:58px 0 44px}.dci-footer__grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:42px}
.dci-footer__brand{max-width:340px}.dci-footer__brand img{max-height:58px;width:auto;filter:brightness(0) invert(1)}
.dci-footer__brand-title{font-family:var(--dci-font-heading);font-size:20px;font-weight:800;margin:0 0 12px}
.dci-footer__brand p{margin:0;color:rgba(255,255,255,.76);line-height:1.75;font-size:13px}
.dci-footer__trust{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:22px}.dci-footer__trust span{border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:9px;font-size:11px;color:rgba(255,255,255,.84)}
.dci-footer h3{font-size:12px;text-transform:uppercase;letter-spacing:.13em;margin:0 0 15px;color:#fff}.dci-footer ul{list-style:none;padding:0;margin:0}
.dci-footer li+li{margin-top:9px}.dci-footer a{font-size:13px;color:rgba(255,255,255,.76);transition:.2s}.dci-footer a:hover{color:#fff}
.dci-footer__contact{margin-top:20px;display:grid;gap:9px}.dci-footer__newsletter{margin-top:28px}
.dci-footer__newsletter form{display:flex;border:1px solid rgba(255,255,255,.24);border-radius:999px;overflow:hidden;background:rgba(255,255,255,.06)}
.dci-footer__newsletter input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:#fff;padding:12px 14px;font-size:12px}
.dci-footer__newsletter input::placeholder{color:rgba(255,255,255,.55)}.dci-footer__newsletter button{border:0;background:var(--dci-gold);color:var(--dci-ink);padding:0 16px;font-weight:800;cursor:pointer}
.dci-social{display:flex;gap:8px;margin-top:16px}.dci-social a{width:36px;height:36px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;color:#fff}
.dci-footer__bottom{position:relative;border-top:1px solid rgba(255,255,255,.14)}.dci-footer__bottom-inner{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.dci-footer__bottom small{color:rgba(255,255,255,.65);font-size:11px}.dci-payment{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.dci-payment span{background:var(--dci-color-surface);color:var(--dci-wine);padding:5px 8px;border-radius:5px;font-size:9px;font-weight:800}
.dci-page-shell{min-height:50vh}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.dci-header__main{grid-template-columns:auto 1fr auto;gap:14px}.dci-brand{min-width:150px}.dci-brand__text{font-size:16px}.dci-menu>li>a{padding-inline:8px;font-size:12px}}
@media(max-width:820px){
.dci-container{width:min(calc(100% - 28px),var(--dci-container))}.dci-header__main{grid-template-columns:auto 1fr auto;min-height:68px}
.dci-brand img{max-height:46px}.dci-brand__text{font-size:var(--dci-font-size-nav)}.dci-search{grid-column:1/-1;grid-row:2;max-width:none;padding-bottom:12px}
.dci-header__main{padding-top:8px;padding-bottom:0}.dci-nav{display:none}.dci-header__actions .dci-icon-btn:nth-child(1),.dci-header__actions .dci-icon-btn:nth-child(2){display:none}
.dci-mobile-toggle{display:grid}.dci-mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;height:62px;background:var(--dci-color-surface);border-top:1px solid var(--dci-border);z-index:120;box-shadow:0 -8px 25px rgba(30,26,24,.08)}
.dci-mobile-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:700;color:var(--dci-muted)}
.dci-mobile-bottom a:hover,.dci-mobile-bottom a[aria-current=page]{color:var(--dci-wine)}.dci-footer{margin-bottom:62px;margin-top:55px}
.dci-footer__grid{grid-template-columns:1fr 1fr;gap:30px}.dci-footer__brand{grid-column:1/-1;max-width:none}}
@media(max-width:560px){.dci-announcement__inner{min-height:32px;font-size:10px}.dci-footer__grid{grid-template-columns:1fr}.dci-footer__brand{grid-column:auto}.dci-footer__trust{grid-template-columns:1fr 1fr}.dci-footer__bottom-inner{padding:15px 0;align-items:flex-start;flex-direction:column}.dci-payment{justify-content:flex-start}}
\n.dci-icon-btn svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dci-search form{position:relative}.dci-search input[type=search]{height:100%;padding:0 58px 0 20px;font-size:var(--dci-font-size-body);line-height:48px}.dci-search button{position:absolute;right:0;top:0;width:50px;height:48px;padding:0;display:grid;place-items:center}.dci-search button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dci-search input[type=search]:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--dci-color-primary) 8%, transparent)}.dci-mobile-panel{background:var(--dci-color-surface);border-bottom:1px solid var(--dci-border);box-shadow:0 12px 30px rgba(30,26,24,.08);padding:10px 14px}.dci-mobile-panel .dci-menu{display:block}.dci-mobile-panel .sub-menu{display:none;list-style:none;padding:0 0 6px 14px;margin:0}.dci-mobile-panel .menu-item.is-open>.sub-menu{display:block}\n
/* DCI Header v1.2 — final search + brand-colour polish */
.dci-icon-btn{color:var(--dci-color-primary) !important}
.dci-icon-btn svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dci-search form{position:relative!important;height:48px!important;background:var(--dci-color-surface)!important;border:1px solid color-mix(in srgb, var(--dci-color-primary) 18%, transparent)!important;box-shadow:0 4px 16px color-mix(in srgb, var(--dci-color-primary) 6%, transparent)!important}
.dci-search input[type=search]{height:100%!important;padding:0 105px 0 20px!important;font-size:var(--dci-font-size-body)!important;line-height:48px!important;color:var(--dci-color-text)!important}
.dci-search input[type=search]::placeholder{color:var(--dci-color-muted)!important;opacity:1}
.dci-search button{position:absolute!important;top:4px!important;right:4px!important;width:82px!important;height:40px!important;padding:0!important;border:0!important;border-radius:999px!important;background:var(--dci-color-primary)!important;color:var(--dci-color-surface)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;font-size:var(--dci-font-size-button)!important;font-weight:800!important;letter-spacing:.01em!important}
.dci-search button:hover{background:var(--dci-color-primary-hover)!important;transform:translateY(-1px);box-shadow:0 6px 14px color-mix(in srgb, var(--dci-color-primary) 18%, transparent)}
.dci-search button svg{display:none!important}
.dci-search-label{display:inline!important;color:var(--dci-color-surface)!important;font-size:var(--dci-font-size-button)!important;font-weight:800!important}
.dci-count{background:var(--dci-color-primary)!important;border-color:var(--dci-color-background)!important}
@media(max-width:820px){.dci-search input[type=search]{font-size:var(--dci-font-size-nav)!important;padding-right:94px!important}.dci-search button{width:72px!important}}