/*
Theme Name: Astra Child - Casewear
Template: astra
Version: 2.0.0
Text Domain: astra-child
*/
:root{--black:#0a0a0a;--white:#fafaf8;--gl:#f0f0ec;--g:#e0e0da;--gm:#a8a8a0;--serif:"Cormorant Garamond",Georgia,serif;--sans:"DM Sans",system-ui,sans-serif}
#masthead,.site-header,.ast-primary-header-bar,.main-header-bar{background:var(--white)!important;border-bottom:1px solid var(--g)!important;box-shadow:none!important;position:sticky!important;top:0!important;z-index:100!important}
.main-header-bar-wrap{padding:0!important}
.main-header-bar{padding:24px 48px!important}
.site-title,.site-title a,.ast-site-name-wrap .site-title a{font-family:var(--sans)!important;font-weight:300!important;font-size:16px!important;letter-spacing:.25em!important;text-transform:uppercase!important;color:var(--black)!important;text-decoration:none!important;line-height:1!important}
.site-description{display:none!important}
.ast-nav-menu>li>a,.main-navigation ul li a,#site-navigation ul li a{font-family:var(--sans)!important;font-size:12px!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:var(--black)!important;text-decoration:none!important;padding-bottom:2px!important;border-bottom:1px solid var(--black)!important;transition:opacity .2s!important;background:none!important}
.ast-nav-menu>li>a:hover,.main-navigation ul li a:hover{opacity:.4!important}
.casewear-boutique-link>a{font-size:12px!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:var(--black)!important;border-bottom:1px solid var(--black)!important;padding-bottom:2px!important;background:none!important;transition:opacity .2s!important}
.casewear-boutique-link>a:hover{opacity:.4!important}
.ast-container,.site-content{max-width:100%!important;padding:0!important}
.casewear-hero{display:grid;grid-template-columns:1fr 320px;gap:1px;background:var(--g);border-bottom:1px solid var(--g)}
.casewear-hero-main{background:var(--white);position:relative;cursor:pointer;overflow:hidden}
.casewear-hero-main .hero-image{width:100%;height:500px;background:linear-gradient(160deg,#111 0%,#1e1e1e 60%,#0a0a0a 100%);display:flex;align-items:center;justify-content:center}
.casewear-hero-main .hero-image .hero-symbol{color:rgba(255,255,255,.04);font-size:140px;font-family:var(--serif)}
.casewear-hero-main .hero-content{position:absolute;bottom:0;left:0;right:0;padding:40px;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,transparent 100%);color:white}
.casewear-hero-main .hero-content .hero-tag{font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;opacity:.65;display:block;margin-bottom:10px;color:white}
.casewear-hero-main .hero-content .hero-title{font-family:var(--serif);font-weight:300;font-size:46px;line-height:1.05;letter-spacing:-.02em;color:white}
.casewear-hero-main .hero-content .hero-title a{color:white}
.casewear-hero-main .hero-content .hero-meta{font-size:12px;opacity:.5;margin-top:14px;font-weight:300;color:white}
.casewear-hero-sidebar{display:flex;flex-direction:column;gap:1px;background:var(--g)}
.casewear-hero-sidebar .side-card{background:var(--white);flex:1;cursor:pointer;transition:background .15s}
.casewear-hero-sidebar .side-card:hover{background:#f4f4f0}
.casewear-hero-sidebar .side-card .side-image{width:100%;height:140px;background:var(--gl);display:block}
.casewear-hero-sidebar .side-card .side-image.dark{background:#2a2a2a}
.casewear-hero-sidebar .side-card .side-body{padding:22px}
.casewear-hero-sidebar .side-card .side-tag{font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--gm);display:block;margin-bottom:6px}
.casewear-hero-sidebar .side-card .side-title{font-family:var(--serif);font-weight:400;font-size:19px;line-height:1.2;margin:0 0 6px;color:var(--black)}
.casewear-hero-sidebar .side-card .side-meta{font-size:11px;color:var(--gm)}
.casewear-section-header{display:flex;align-items:center;gap:16px;padding:44px 48px 24px}
.casewear-section-label{font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:var(--gm);white-space:nowrap}
.casewear-section-line{flex:1;height:1px;background:var(--g)}
.casewear-filters{display:flex;gap:2px;padding:0 48px 32px;flex-wrap:wrap}
.casewear-filters .filter-btn{padding:7px 16px;border:1px solid var(--g);background:transparent;font-family:var(--sans);font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .15s;color:var(--gm);text-decoration:none;display:inline-block}
.casewear-filters .filter-btn:hover,.casewear-filters .filter-btn.active{background:var(--black);color:white;border-color:var(--black);opacity:1}
.casewear-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--g);margin:0 48px;border:1px solid var(--g)}
.casewear-grid .article-card{background:var(--white);cursor:pointer;transition:background .15s;display:block;text-decoration:none;color:var(--black)}
.casewear-grid .article-card:hover{background:#f4f4f0;opacity:1}
.casewear-grid .article-card .card-image{width:100%;height:200px;display:block;object-fit:cover}
.casewear-grid .article-card.c1 .card-image{background:#1a1a1a}
.casewear-grid .article-card.c2 .card-image{background:#d4d3cc}
.casewear-grid .article-card.c3 .card-image{background:#e8e7e0}
.casewear-grid .article-card.c4 .card-image{background:#2e2e2e}
.casewear-grid .article-card.c5 .card-image{background:#c8c7c0}
.casewear-grid .article-card.c6 .card-image{background:#f0efe8}
.casewear-grid .article-card .card-body{padding:26px}
.casewear-grid .article-card .card-tag{font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--gm);display:block;margin-bottom:6px}
.casewear-grid .article-card .card-title{font-family:var(--serif);font-weight:400;font-size:22px;line-height:1.2;margin:8px 0 10px;color:var(--black)}
.casewear-grid .article-card .card-excerpt{font-size:13px;color:var(--gm);font-weight:300;line-height:1.65;margin-bottom:18px}
.casewear-grid .article-card .card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--g)}
.casewear-grid .article-card .card-date{font-size:11px;color:var(--gm);letter-spacing:.04em}
.casewear-grid .article-card .card-read{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--black);font-weight:500}
.casewear-back-btn{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gm);text-decoration:none;padding:20px 48px;border-bottom:1px solid var(--g);width:100%;cursor:pointer;transition:color .15s}
.casewear-back-btn:hover{color:var(--black);opacity:1}
.single .entry-header{max-width:760px;margin:0 auto;padding:56px 24px 40px;text-align:center}
.single .entry-header .entry-title{font-family:var(--serif)!important;font-weight:300!important;font-size:54px!important;line-height:1.05!important;letter-spacing:-.02em!important;margin:12px 0 20px!important}
.single .entry-meta{font-size:13px!important;color:var(--gm)!important;font-weight:300!important}
.single .post-thumbnail img{width:100%;height:500px;object-fit:cover}
.casewear-divider{width:40px;height:1px;background:var(--g);margin:32px auto}
.single .entry-content{max-width:680px!important;margin:0 auto!important;padding:0 24px 80px!important}
.single .entry-content p{font-size:16px!important;line-height:1.85!important;font-weight:300!important;color:#2a2a2a!important;margin-bottom:24px!important}
.single .entry-content h2{font-family:var(--serif)!important;font-weight:400!important;font-size:32px!important;margin:48px 0 20px!important;letter-spacing:-.01em!important}
.single .entry-content blockquote{border-left:2px solid var(--black)!important;padding-left:28px!important;margin:36px 0!important;font-family:var(--serif)!important;font-style:italic!important;font-size:22px!important;line-height:1.4!important;font-weight:300!important;color:#444!important}
.entry-meta,.entry-meta a,.posted-on,.byline,.cat-links,.cat-links a{font-size:11px!important;color:var(--gm)!important;font-weight:300!important;letter-spacing:.04em!important;text-transform:none!important}
.site-footer,#colophon,.ast-footer-overlay{background:var(--white)!important;color:var(--black)!important;margin-top:80px!important;border-top:1px solid var(--g)!important;padding:0!important}
.footer-widget-area,.ast-footer-widget-area{display:grid!important;grid-template-columns:1.5fr 1fr 1fr 1fr!important;gap:40px!important;padding:60px 48px 40px!important}
.footer-widget-area .widget-title,#colophon .widget-title{font-family:var(--sans)!important;font-size:10px!important;letter-spacing:.2em!important;text-transform:uppercase!important;font-weight:500!important;color:var(--black)!important;margin-bottom:16px!important;border:none!important;padding:0!important}
.footer-widget-area ul,#colophon ul{list-style:none!important;margin:0!important;padding:0!important}
.footer-widget-area li{margin-bottom:10px!important}
.footer-widget-area a,#colophon a,.site-footer a{font-size:13px!important;color:var(--gm)!important;text-decoration:none!important;font-weight:300!important;transition:color .15s!important}
.footer-widget-area a:hover,#colophon a:hover{color:var(--black)!important;opacity:1}
.ast-copyright-wrapper,.ast-footer-copyright{border-top:1px solid var(--g)!important;padding:20px 48px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;font-size:12px!important;color:var(--gm)!important;font-weight:300!important}
.widget-area .widget{border-top:1px solid var(--g);padding-top:24px;margin-bottom:32px}
.widget-title{font-family:var(--sans)!important;font-size:10px!important;letter-spacing:.22em!important;text-transform:uppercase!important;font-weight:500!important;color:var(--black)!important;margin-bottom:16px!important}
.blog .ast-article-post,.archive .ast-article-post{border:none!important;border-bottom:1px solid var(--g)!important;margin-bottom:0!important;padding:0!important;background:var(--white)!important;transition:background .15s!important}
.blog .ast-article-post:hover,.archive .ast-article-post:hover{background:#f4f4f0!important}
.blog .entry-title,.archive .entry-title{font-family:var(--serif)!important;font-weight:400!important;font-size:22px!important;line-height:1.2!important}
.blog .entry-summary p,.archive .entry-summary p{font-size:13px!important;color:var(--gm)!important;font-weight:300!important;line-height:1.65!important}
.ast-pagination a,.page-numbers{padding:8px 14px;border:1px solid var(--g);font-size:12px;color:var(--gm);text-decoration:none;transition:all .15s}
.page-numbers.current,.ast-pagination a:hover{background:var(--black);color:white;border-color:var(--black)}
@media(max-width:1024px){.main-header-bar{padding:20px 24px!important}.casewear-hero{grid-template-columns:1fr}.casewear-grid{margin:0 24px}.casewear-filters{padding:0 24px 24px}}
@media(max-width:768px){.casewear-grid{grid-template-columns:repeat(2,1fr)!important}.footer-widget-area{grid-template-columns:repeat(2,1fr)!important}.casewear-hero-main .hero-content .hero-title{font-size:32px}}
@media(max-width:480px){.casewear-grid{grid-template-columns:1fr!important}.footer-widget-area{grid-template-columns:1fr!important}.main-header-bar{padding:16px!important}}
