/*
Theme Name: ELLYMODA
Author: ELLYMODA
Description: Lightweight fashion storefront foundation, with native WooCommerce and WordPress editing support.
Version: 0.1.3
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ellymoda
Domain Path: /languages
*/
@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/montserrat-500.ttf') format('truetype')}
@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/montserrat-600.ttf') format('truetype')}
@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/montserrat-700.ttf') format('truetype')}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/ibm-plex-sans-arabic/medium.ttf') format('truetype')}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/ibm-plex-sans-arabic/semibold.ttf') format('truetype')}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/ibm-plex-sans-arabic/bold.ttf') format('truetype')}
:root{--burgundy:#620d2e;--burgundy-dark:#340714;--gold:#d5ad78;--page:#faf7f4;--cream:#f4ebe4;--ink:#211519;--border:#e9ded6;--font:Montserrat,Arial,sans-serif;--content:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font:500 15px/1.7 var(--font);overflow-wrap:break-word}html[dir=rtl]{--font:'IBM Plex Sans Arabic',Arial,sans-serif}html[dir=rtl] body{font-family:var(--font)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}h1,h2,h3{line-height:1.3;font-weight:700}button{color:inherit}svg{display:block;flex-shrink:0}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:8px;inset-inline-start:8px;z-index:100000;background:white;padding:12px;color:var(--burgundy)}
.announcement{min-height:54px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:8px 3.2%;background:var(--burgundy-dark);color:#fff7ef;font-size:13px;line-height:1.5}.announcement-brand{font-size:12px;letter-spacing:.14em;color:var(--gold)}.preferences{justify-self:end;display:flex;gap:12px}.preferences:empty{display:none}
.site-header{position:relative;z-index:30;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(170px,210px) auto;align-items:center;gap:20px;padding:18px 3.2%;min-height:95px;background:#fffdfa;border-bottom:1px solid var(--border)}.brand{font:700 29px/1.1 Montserrat,Arial,sans-serif;letter-spacing:.07em;white-space:nowrap;color:var(--burgundy-dark)}.brand span{display:block;font:500 8px/1.8 var(--font);letter-spacing:.13em;color:#776064;margin-top:6px}.primary-navigation{min-width:0}.department-list{display:flex;justify-content:center;align-items:center;gap:clamp(8px,1vw,18px);padding:0;margin:0;list-style:none}.department-list>li{display:flex;align-items:center;min-height:44px}.department-list>li>a{display:flex;align-items:center;min-height:44px;font-size:13px;font-weight:600;white-space:nowrap}.department-list>li>a:hover{color:var(--burgundy)}.department-list .icon-control{width:28px;min-width:28px}.icon-control{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:8px;border-radius:50%}.icon-control:hover{background:var(--cream)}.header-actions{display:flex;gap:2px}.cart-link{position:relative}.cart-count{position:absolute;top:0;inset-inline-end:0;min-width:17px;height:17px;padding:0 3px;background:var(--burgundy);color:white;border-radius:50%;font:600 10px/17px Montserrat,sans-serif;text-align:center}.header-search{display:flex;align-items:center;min-width:0;background:#f5f0ec;border:1px solid var(--border);border-radius:30px;overflow:visible}.header-search input{width:100%;min-width:0;border:0;background:transparent;padding:10px 0 10px 15px;font-size:13px;color:var(--ink)}[dir=rtl] .header-search input{padding:10px 15px 10px 0}.header-search .icon-control{width:40px;min-width:40px;height:40px}.mobile-menu-toggle{display:none}
.mega-panel{display:none;position:absolute;inset-inline:3.2%;top:100%;padding:26px 32px;background:#fffdfa;border:1px solid var(--border);box-shadow:0 12px 20px #3407140d;border-radius:0 0 12px 12px}.mega-panel::before{content:'';position:absolute;inset-inline:0;top:-24px;height:24px}.department.is-open>.mega-panel{display:block}.mega-panel h2{font-size:17px;margin:0 0 16px}.mega-panel ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 24px;list-style:none;margin:0;padding:0}.mega-panel a{display:inline-block;padding:8px 0;font-size:14px}.mega-panel a:hover{color:var(--burgundy)}
/* WordPress-managed menus use real parent/child links and focusable native anchors. */
.department-list .menu-item-has-children{position:relative}.department-list .sub-menu{display:none;position:absolute;inset-inline-start:0;top:100%;min-width:220px;margin:0;padding:14px;list-style:none;background:#fffdfa;border:1px solid var(--border);border-radius:10px}.department-list .menu-item-has-children:hover>.sub-menu,.department-list .menu-item-has-children:focus-within>.sub-menu{display:block}.sub-menu a{display:block;padding:10px}
.foundation-content{text-align:center;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:54px 22px;background:var(--page)}.eyebrow{font:600 12px/1.6 Montserrat,sans-serif;letter-spacing:.22em;color:var(--burgundy);margin:0 0 12px}.foundation-content h1{font-size:clamp(30px,4vw,54px);margin:0 0 12px}.foundation-content>p:not(.eyebrow){color:#746568;margin:0 0 26px;font-size:16px}.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:100%;min-height:46px;background:var(--burgundy);color:#fff7ef;border:1px solid var(--burgundy);padding:11px 22px;border-radius:6px;font:600 14px/1.6 var(--font);cursor:pointer}.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--burgundy-dark);color:#fff}.direction-arrow svg{width:18px;height:18px}[dir=rtl] .direction-arrow{transform:scaleX(-1)}.site-content{width:min(100% - 48px,1200px);margin-inline:auto;padding-block:40px;min-height:360px}.site-content h1{font-size:clamp(27px,3vw,42px)}.entry-content{min-width:0}.entry-content a{color:var(--burgundy);text-decoration:underline}.entry-content .alignwide{max-width:var(--content)}.woocommerce ul.products li.product .price{color:var(--burgundy)}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{padding:12px;border:1px solid var(--border);border-radius:5px}.woocommerce-info,.woocommerce-message{border-top-color:var(--burgundy)}.woocommerce-info::before,.woocommerce-message::before{color:var(--burgundy)}.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{max-width:100%}
.site-footer{background:var(--burgundy-dark);color:#fff7ef;padding:30px 3.2% 16px}.footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:var(--content);margin:auto}.footer-columns>section{position:relative;min-width:0;padding-inline:20px;text-align:center}.footer-columns>section+section::before{content:'';position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);height:70px;width:1px;background:#c3a47b55}.footer-columns h2{margin:0 0 14px;font-size:17px;font-weight:600;line-height:1.5;color:#fff7ef}.footer-columns ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}.footer-columns li{font-size:13px;line-height:1.6}.footer-columns a{color:#f2e6df;display:inline-block;padding:3px 8px}.footer-columns a:hover{color:var(--gold)}.unavailable{color:#cbb5bd;display:inline-block;padding:3px 8px;cursor:default}.footer-columns p{max-width:250px;margin:12px auto 0;font-size:12px;line-height:1.8;color:#cdb9bb}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:var(--content);margin:24px auto 0;padding-top:14px;border-top:1px solid #c3a47b44}.footer-bottom>small{font-size:12px;line-height:1.8;color:#decbd0}.back-to-top{border:1px solid #c3a47b77;color:#f1dbc0}.back-to-top:hover{background:#ffffff0d}
@media(min-width:1440px){.department-list>li>a{font-size:15px}.site-header{gap:24px}.header-search input{font-size:14px}}
@media(max-width:1199px){.site-header{grid-template-columns:auto 1fr auto auto;gap:16px}.brand{grid-column:1;grid-row:1}.mobile-menu-toggle{display:inline-flex;grid-column:3;grid-row:1}.header-actions{grid-column:4;grid-row:1}.header-search{grid-column:2;grid-row:1;max-width:350px;justify-self:end;width:100%}.primary-navigation{display:none;grid-column:1/-1;grid-row:2;border-top:1px solid var(--border);padding-top:10px}.primary-navigation.is-open{display:block}.department-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-content:start;gap:4px 16px}.department-list>li{flex-wrap:wrap;justify-content:space-between}.department-list>li>a{font-size:14px}.mega-panel{position:static;flex:0 0 100%;padding:14px;border-radius:8px;box-shadow:none}.mega-panel::before{display:none}.mega-panel ul{grid-template-columns:1fr}.mega-panel h2{font-size:15px}.department-list .sub-menu{position:static;min-width:0;flex:0 0 100%}.footer-columns h2{font-size:15px}}
@media(max-width:767px){.announcement{grid-template-columns:1fr;gap:3px;text-align:center;min-height:48px;font-size:12px}.announcement-brand{display:none}.preferences{justify-self:center}.site-header{grid-template-columns:minmax(0,1fr) auto auto;gap:10px 6px;padding:14px 16px}.brand{font-size:25px}.brand span{font-size:7px}.mobile-menu-toggle{grid-column:2}.header-actions{grid-column:3}.header-search{grid-column:1/-1;grid-row:2;max-width:none;margin-top:4px}.primary-navigation{grid-row:3}.department-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 14px}.department-list>li>a{font-size:14px}.foundation-content{min-height:320px;padding:42px 20px}.foundation-content>p:not(.eyebrow){font-size:14px}.site-content{width:calc(100% - 32px);padding-block:28px}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px}.footer-columns>section{padding-inline:10px}.footer-columns>section:nth-child(3)::before{display:none}.footer-columns>section+section::before{height:60px}.footer-columns h2{font-size:14px;margin-bottom:12px}.footer-columns li{font-size:12px}.site-footer{padding:26px 16px 16px}.footer-bottom{margin-top:22px;gap:10px}.footer-bottom>small{font-size:10px}.woocommerce .woocommerce-ordering,.woocommerce .woocommerce-result-count{float:none}}
@media(max-width:359px){.brand{font-size:20px;letter-spacing:.05em}.brand span{font-size:6px;letter-spacing:.08em}}
/* Phase 2A.1 — functional taxonomy-driven header, no commerce simulation. */
.announcement--tools{grid-template-columns:minmax(130px,1fr) auto minmax(0,1.7fr);gap:22px;padding-block:7px;min-height:54px}
.announcement-message{font-size:12px;line-height:1.6;max-width:290px}.shipping-information{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.5}.shipping-information svg{width:21px;height:21px;color:var(--gold)}.shipping-information small,.announcement-tools small{display:block;font-size:10px;line-height:1.35;color:#cbb5bd;font-weight:500}.announcement-tools{display:flex;align-items:center;justify-content:flex-end;gap:0;min-width:0;font-size:11px;line-height:1.5}.announcement-tools> *{display:flex;align-items:center;gap:6px;padding-inline:13px;border-inline-start:1px solid #d5ad7840;min-height:30px}.announcement-tools>:first-child{border:0;padding-inline-start:0}.announcement-tools>:last-child{padding-inline-end:0}.announcement-tools>a{min-height:40px;color:#fff7ef;white-space:nowrap}.announcement-tools>a:hover{color:var(--gold)}.preference-pending{color:#dfccd0;cursor:default}.preference-pending svg{width:17px;height:17px;color:var(--gold)}.preference-value{flex-direction:column;gap:0!important;font-size:10px;color:#dfccd0}.preference-value bdi{font:600 12px/1.5 Montserrat,sans-serif;color:#fff7ef}.brand-image{display:block;width:auto;max-width:200px;max-height:58px;object-fit:contain}.brand--dark .brand-image{max-height:32px;max-width:160px}.brand--dark{color:#fff7ef}
.department-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:4px;min-height:44px;border:0;background:transparent;padding:0;font:600 13px/1.5 var(--font);white-space:nowrap}.department-trigger svg{width:13px;height:13px;transition:transform .15s}.department-trigger[aria-expanded=true]{color:var(--burgundy)}.department-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.department-list{gap:clamp(7px,.9vw,15px)}.mega-panel{padding:26px 30px 30px;max-height:65svh;overflow-y:auto}.mega-panel::before{top:-34px;height:34px}.mega-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--border)}.mega-heading h2{font-size:24px;margin:0;color:var(--burgundy-dark)}.mega-panel .mega-view-all{font-size:12px;font-weight:600;color:var(--burgundy);text-decoration:underline;text-underline-offset:5px}.mega-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.mega-column{min-width:0;padding-inline:12px}.mega-column+.mega-column{border-inline-start:1px solid var(--border)}.mega-column h3{margin:0 0 10px;font-size:17px;font-weight:700}.mega-column h3 a{font-size:inherit;font-weight:inherit;padding:0}.mega-column ul{display:grid;grid-template-columns:1fr;gap:2px}.mega-column a{font-size:14px;min-height:38px;line-height:1.5}.mega-column .mega-explore{display:flex;align-items:center;gap:12px;font-size:12px;color:#776064}.mega-column .mega-explore:hover{color:var(--burgundy)}
@media(min-width:1440px){.department-trigger{font-size:15px}.announcement-message,.shipping-information{font-size:13px}.announcement-tools{font-size:12px}}
@media(max-width:1199px){.announcement--tools{grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:54px}.announcement-message{display:none}.announcement-tools{font-size:11px}.announcement-tools>*{padding-inline:10px}.department-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}.department-list>.department{display:block;min-width:0}.department-trigger{width:100%;font-size:14px;padding-inline:4px}.department-trigger svg{width:16px;height:16px}.mega-panel{padding:16px;margin-block:4px 10px;max-height:none;overflow:visible}.mega-heading{padding-bottom:10px;margin-bottom:10px;gap:12px}.mega-heading h2{font-size:18px}.mega-columns{grid-template-columns:1fr;gap:14px}.mega-column{padding-inline:0}.mega-column+.mega-column{border-inline-start:0;border-top:1px solid var(--border);padding-top:12px}.mega-column h3{font-size:15px;margin-bottom:2px}.mega-column a{font-size:13px;min-height:40px}.brand-image{max-width:180px;max-height:50px}}
@media(max-width:767px){.announcement--tools{grid-template-columns:1fr;gap:7px;padding:8px 12px}.shipping-information{display:none}.announcement-tools{justify-content:center;flex-wrap:wrap;row-gap:6px;font-size:10px}.announcement-tools>*{padding-inline:8px;min-height:30px}.announcement-tools>a{min-height:36px}.announcement-tools small{font-size:8px}.preference-pending svg{display:none}.brand-image{max-width:150px;max-height:42px}.department-list{grid-template-columns:1fr}.mega-columns{grid-template-columns:1fr;gap:12px}.mega-panel{padding:14px}.mega-heading h2{font-size:18px}.mega-panel .mega-view-all{font-size:11px}.department-trigger{min-height:46px}}
@media(max-width:359px){.announcement-tools>*{padding-inline:6px}.announcement-tools{font-size:9px}.brand-image{max-width:120px;max-height:36px}}
.mega-panel{overflow:visible}.mega-columns{max-height:50svh;overflow-y:auto}
@media(min-width:1200px) and (max-width:1399px){.site-header{grid-template-columns:auto minmax(0,1fr) 170px auto;gap:14px}.brand{font-size:26px}.department-list{gap:8px}.department-trigger,.department-list>li>a{font-size:12px}}
@media(max-width:1199px){.mega-columns{max-height:none;overflow:visible}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}