/**
 * HerDailyOutfits 2 — Limoncella-inspired editorial presentation.
 * Built from theme data, not a copy of commercial demo images or source code.
 * Global colors, typography, section ordering and media remain customizable.
 */

/* A sunny utility strip above a generously spaced, magazine-style header. */
.announcement-bar{min-height:43px}
.announcement-inner{min-height:43px}
.hdo-header-row-top{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;gap:12px}
.hdo-header-row-top .hdo-builder-cell{gap:12px}
.hdo-header-row-top .hdo-builder-cell-center{justify-content:center}
.hdo-header-row-top .hdo-header-piece-announcement p{font-size:11px;letter-spacing:.035em}
.hdo-header-row-top .announcement-star{font-size:20px;color:inherit}
.hdo-header-row-top .hdo-header-intro{font-size:17px;color:inherit}
.hdo-header-row-top .category-navigation .nav-list{gap:17px}
.hdo-header-row-top .category-navigation .nav-list a{font-size:11px;letter-spacing:.065em;font-weight:700;text-transform:uppercase;padding:8px 0}
.hdo-header-row-top .category-navigation .nav-feature>a{font-size:11px;background:none;color:inherit;-webkit-text-fill-color:currentColor}
.hdo-header-row-top .social-link{width:25px;height:25px;border:0;border-radius:0;background:none}
.hdo-header-row-top .social-link:hover{color:var(--hdo-teal);background:none}
.hdo-header-row-top .header-social-links{gap:2px;flex-wrap:nowrap}
.hdo-header-row-top .announcement-cta{min-height:43px;padding:4px 17px;background:#ef9c7e;color:#222e3d;font-size:11px;font-weight:900;letter-spacing:.04em;text-align:center}
.hdo-header-row-top .announcement-cta:hover{background:var(--hdo-peach)}
.hdo-header-row-top .announcement-cta>span:last-child{display:none}
.site-header{box-shadow:0 3px 14px rgba(34,54,67,.035)}
.hdo-header-row-main{min-height:93px}
.hdo-header-row-main .site-branding .site-title{font-weight:900;letter-spacing:.1em;font-size:22px}
.hdo-header-row-main .hdo-header-piece-primary .nav-list{gap:23px}
.hdo-header-row-main .hdo-header-piece-primary .nav-list>li>a{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.hdo-header-row-main .hdo-header-piece-search .search-toggle{border:0;color:var(--hdo-ink);background:transparent}
.hdo-header-row-main .hdo-header-piece-search .search-toggle:hover{background:#fce3dc;color:var(--hdo-ink)}
.hdo-header-row-main .hdo-header-piece-search .search-toggle svg{width:23px;height:23px}

/* Four tall magazine covers with airy, editable floating category labels. */
.hdo-home .hero-category-wrap{background:#fff;padding:36px 0 23px}
.hdo-home .hero-categories{gap:18px}
.hdo-home .hero-category{border:0;box-shadow:none;overflow:visible;display:block;background:#edf2f1}
.hdo-home .hero-category img{height:370px;object-fit:cover}
.hdo-home .hero-category .hero-category-title{position:absolute;left:50%;top:17px;bottom:auto;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);min-height:0;padding:12px 17px;background:#fff;color:var(--hdo-ink);outline:1px solid #e3b7ac;outline-offset:-5px;box-shadow:0 2px 8px #14232613;font-size:12px;line-height:1.25;letter-spacing:.055em;font-weight:800;text-transform:uppercase;z-index:1}
.hdo-home .hero-category:hover .hero-category-title{background:#fff5f1;color:var(--hdo-ink)}

/* Photo-backed quick topics; the small icon is still tied to Posts > Categories. */
.hdo-home-block-icons{position:relative}
.hdo-home .category-icon-strip{padding-top:39px;padding-bottom:40px;gap:15px;border-bottom:3px double #d4dcd9}
.hdo-home .quick-category{font-size:11px;font-weight:800;letter-spacing:.055em;line-height:1.45;gap:10px;color:var(--hdo-ink);text-transform:none}
.hdo-home .quick-icon{position:relative;width:100%;height:auto;aspect-ratio:1/1;display:block;overflow:visible;background:#ecf5f4;border:4px solid #fff;box-shadow:0 0 0 1px #d8e4e1,0 2px 7px #1233;transition:transform .24s}
.hdo-home .quick-icon .hdo-limon-quick-image{width:100%;height:100%;object-fit:cover;display:block}
.hdo-home .quick-icon .hdo-limon-icon-overlay{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#ffffffd9;color:inherit;box-shadow:0 1px 6px #1232;pointer-events:none}
.hdo-home .quick-icon .hdo-limon-icon-overlay svg,.hdo-home .quick-icon .hdo-limon-icon-overlay img.hdo-term-icon-image{width:18px;height:18px;max-width:18px;object-fit:contain}
.hdo-home .quick-category:hover .quick-icon{transform:translateY(-4px)}
.hdo-home .quick-category:hover{color:var(--hdo-teal)}
.hdo-limon-statement{text-align:center;max-width:850px;padding-top:36px;padding-bottom:39px}
.hdo-limon-statement h2{font-size:clamp(25px,3.2vw,39px);letter-spacing:-.04em;margin:0 auto 9px;line-height:1.2}
.hdo-limon-statement p{font-size:15px;color:var(--hdo-muted);max-width:680px;margin:0 auto;line-height:1.8}

/* Two-column signup feature: media is uploaded through WordPress Media. */
.hdo-home .newsletter-ribbon{padding:46px 0 47px;color:var(--hdo-ink)}
.hdo-home .newsletter-inner{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:center;gap:7%}
.hdo-home .hdo-limon-newsletter-art{display:flex;justify-content:center;align-items:center;max-height:315px;min-height:215px;overflow:hidden}
.hdo-home .hdo-limon-newsletter-art img{display:block;width:min(100%,430px);height:300px;object-fit:cover;object-position:center;box-shadow:0 12px 24px #18343e20;border:9px solid #fff}
.hdo-home .newsletter-inner .hdo-script{color:#d68876;font-size:23px}
.hdo-home .newsletter-inner h2{font-size:clamp(26px,2.8vw,41px);line-height:1.13;color:var(--hdo-ink);max-width:580px;margin:13px 0 12px;letter-spacing:-.05em}
.hdo-home .newsletter-inner p{color:#445967;font-size:15px;line-height:1.8;opacity:1;max-width:530px;margin-bottom:20px}
.hdo-home .newsletter-action{max-width:560px}
.hdo-home .newsletter-ribbon .formkit-input{border:1px solid #d2dce0!important;min-height:48px}
.hdo-home .newsletter-ribbon .formkit-submit{background:var(--hdo-ink)!important;border:0;min-height:48px}
.hdo-home .newsletter-ribbon .hdo-kit-setup{color:#50626b;background:#ffffffa0;border:1px dashed #aac4c7}

/* Magazine sections: staggered handwritten text over a dark banner. */
.hdo-home .hdo-section{padding-top:53px;padding-bottom:33px}
.hdo-home .hdo-section-heading{margin-bottom:25px;align-items:center}
.hdo-home .hdo-heading-pair{gap:0;display:flex;align-items:flex-start;flex-direction:column;position:relative}
.hdo-home .hdo-heading-pair .hdo-script{position:relative;z-index:2;font-size:22px;line-height:1;transform:rotate(-5deg);margin:0 0 -3px 10px;color:#d78e81}
.hdo-home .hdo-heading-pair h2{display:inline-block;color:#fff;background:var(--hdo-ink);font-size:23px;font-weight:900;line-height:1.2;letter-spacing:.012em;text-transform:uppercase;transform:rotate(-2deg);padding:12px 18px;margin:0;box-shadow:3px 3px 0 #edbdad}
.hdo-home .hdo-see-more{margin-inline-start:auto;font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--hdo-ink)}
.hdo-home .hdo-see-more span{background:var(--hdo-peach);width:31px;height:31px;font-size:19px}
.hdo-home .hdo-post-grid{gap:19px}
.hdo-home .hdo-post-card{box-shadow:none;border:0;background:transparent}
.hdo-home .hdo-post-card-image{aspect-ratio:1/1.15;background:#eaeef1}
.hdo-home .hdo-post-card-body{padding:12px 1px 13px;min-height:0}
.hdo-home .hdo-card-kicker{font-size:10px;font-weight:800;color:#c98170;letter-spacing:.08em;margin-bottom:7px}
.hdo-home .hdo-card-kicker a{color:#c98170}
.hdo-home .hdo-card-kicker a:hover{color:var(--hdo-teal)}
.hdo-home .hdo-post-card h3{font-size:19px;line-height:1.25;font-weight:800;color:var(--hdo-ink)}
.hdo-home .hdo-post-card h3 a:hover{color:var(--hdo-teal)}
.hdo-home-block-grid_1>.hdo-section-slot .hdo-section{border-bottom:3px double #d4dcd9;padding-bottom:51px}
.hdo-limon-featured-strip{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;text-align:center;padding-top:30px;padding-bottom:35px;border-bottom:1px solid #dce7e6}
.hdo-limon-featured-label{font-size:11px;text-transform:uppercase;letter-spacing:.15em;white-space:nowrap;color:#cf8675}
.hdo-limon-featured-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px 32px}
.hdo-limon-featured-links a{font-weight:900;letter-spacing:.02em;font-size:15px;color:#50616c}
.hdo-limon-featured-links a:nth-child(even){font-family:Georgia,serif;font-style:italic;font-weight:600;font-size:18px}
.hdo-limon-featured-links a:hover{color:var(--hdo-teal)}

/* Editor intro and social column, with completely separate uploadable portrait. */
.hdo-home .about-band{margin:38px 0 14px}
.hdo-home .about-band-grid{grid-template-columns:minmax(175px,.9fr) minmax(0,1.45fr) minmax(175px,.83fr);gap:5%;padding:45px 0;min-height:0}
.hdo-home .about-photo{width:100%;max-width:275px}
.hdo-home .about-photo img{width:100%;height:295px;max-height:295px;object-fit:cover;border:7px solid #fff}
.hdo-home .about-photo-caption{bottom:12px;right:-17px;font-size:11px;background:#fff6bc}
.hdo-home .about-copy{text-align:left;max-width:unset}
.hdo-home .about-copy h2{font-size:clamp(29px,3vw,39px);margin:7px 0 13px}
.hdo-home .about-copy p{font-size:15px;line-height:1.75;margin-bottom:19px}
.hdo-home .about-copy .hdo-button{font-size:11px}
.hdo-limon-about-social{border-left:1px solid #d4e6e8;padding:14px 0 14px 28px;align-self:center}
.hdo-limon-about-social .hdo-script{color:#cd9180;font-size:22px}
.hdo-limon-about-social h3{font-size:23px;margin:6px 0 10px}
.hdo-limon-about-social p{font-size:13px;line-height:1.7;color:#546973}
.hdo-limon-about-social-icons{display:flex;flex-wrap:wrap;gap:9px}
.hdo-limon-about-social-icons .social-link{border:1px solid var(--hdo-peach);background:#fff}

/* Ranked favorites: ten compact picks in two desktop rows. */
.hdo-home .hdo-limon-ranked-favorites{padding-top:56px;padding-bottom:50px}
.hdo-home .hdo-limon-favorites-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:31px 18px}
.hdo-limon-ranked-card{position:relative;min-width:0}
.hdo-home .hdo-limon-ranked-card .hdo-post-card-image{aspect-ratio:1/1.06}
.hdo-home .hdo-limon-ranked-card .hdo-post-card-body{padding:24px 3px 5px;text-align:center;min-height:0}
.hdo-home .hdo-limon-ranked-card .hdo-card-kicker{font-size:9px}
.hdo-home .hdo-limon-ranked-card h3{font-size:15px;line-height:1.38}
.hdo-home .hdo-limon-ranked-card .hdo-post-card-body{position:relative}
.hdo-limon-rank-badge{position:absolute;top:-17px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--hdo-peach);color:#223b45;font-size:15px;font-weight:900;border:3px solid #fff;pointer-events:none}

/* A full-width editorial image with an inset cream call-to-action card. */
.hdo-home .guide-band{background:transparent;padding:18px 0 25px;margin:0}
.hdo-home .guide-inner{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:390px;padding:46px 65px;isolation:isolate;overflow:hidden}
.hdo-home .guide-photo{position:absolute;z-index:-2;inset:0;width:100%;height:100%;overflow:hidden}
.hdo-home .guide-photo img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.hdo-home .guide-inner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#19394710 4%,#213e475b 100%);z-index:-1;pointer-events:none}
.hdo-home .guide-copy{background:#fffdf6ed;padding:35px 39px;max-width:530px;box-shadow:0 8px 30px #132d2930;text-align:center}
.hdo-home .guide-inner h2{font-size:clamp(25px,2.5vw,37px);margin:10px auto 12px}
.hdo-home .guide-inner p{font-size:14px;line-height:1.7;margin-bottom:17px}

/* Repeatable, mixed-layout article sections lower down the page. */
.hdo-home-block-grid_2 .hdo-post-grid,.hdo-home-block-grid_3 .hdo-post-grid,.hdo-home-block-grid_4 .hdo-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;row-gap:24px}
.hdo-home-block-grid_2 .hdo-post-card,.hdo-home-block-grid_3 .hdo-post-card,.hdo-home-block-grid_4 .hdo-post-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center;gap:15px}
.hdo-home-block-grid_2 .hdo-post-card-image,.hdo-home-block-grid_3 .hdo-post-card-image,.hdo-home-block-grid_4 .hdo-post-card-image{aspect-ratio:1/1}
.hdo-home-block-grid_2 .hdo-post-card h3,.hdo-home-block-grid_3 .hdo-post-card h3,.hdo-home-block-grid_4 .hdo-post-card h3{font-size:17px}
.hdo-home .browse-banner{margin-top:25px;background:#f4f7f5}
.hdo-home .freebie-band{background:#f1f8f7;margin:55px 0 5px;padding:49px 0}
.hdo-home .seasonal-section{padding-top:48px;padding-bottom:25px}
.hdo-home .seasonal-grid{gap:17px}

@media(max-width:1170px){
  .hdo-header-row-top .hdo-header-piece-announcement .hdo-header-intro,.hdo-header-row-top .announcement-star{display:none}
  .hdo-header-row-top .category-navigation .nav-list{gap:11px}
  .hdo-header-row-top .category-navigation .nav-list a{font-size:10px}
  .hdo-header-row-main .hdo-header-piece-primary .nav-list{gap:13px}
  .hdo-header-row-main .hdo-header-piece-primary .nav-list>li>a{font-size:11px}
  .hdo-home .hero-category img{height:315px}
  .hdo-home .hero-category .hero-category-title{font-size:10px;max-width:calc(100% - 10px);padding:12px 11px}
  .hdo-home .about-band-grid{gap:3%;grid-template-columns:minmax(140px,.85fr) minmax(0,1.4fr) minmax(155px,.75fr)}
}
@media(max-width:860px){
  .hdo-header-row-top .hdo-builder-cell-center{display:none}
  .hdo-header-row-top{grid-template-columns:minmax(0,1fr) auto}
  .hdo-header-row-main .hdo-header-piece-primary{display:none}
  .hdo-home .hero-category img{height:260px}
  .hdo-home .hero-categories{gap:12px}
  .hdo-home .category-icon-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}
  .hdo-home .newsletter-inner{gap:6%;grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}
  .hdo-home .hdo-limon-newsletter-art img{height:270px}
  .hdo-home .newsletter-inner h2{font-size:26px}
  .hdo-home .hdo-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hdo-home .about-band-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px}
  .hdo-home .hdo-limon-about-social{grid-column:1/-1;border:0;border-top:1px solid #d4e6e8;padding:19px 0 0;text-align:center}
  .hdo-limon-about-social-icons{justify-content:center}
  .hdo-home .hdo-limon-favorites-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 15px}
  .hdo-home .guide-inner{padding:40px;min-height:360px}
}
@media(max-width:600px){
  .hdo-header-row-top .hdo-builder-cell-right{display:none}
  .hdo-header-row-top .hdo-header-piece-announcement p{font-size:10px;line-height:1.4;text-align:center;justify-content:center}
  .hdo-header-row-main{min-height:70px}
  .hdo-home .hero-category-wrap{padding:22px 0 20px}
  .hdo-home .hero-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .hdo-home .hero-category img{height:225px}
  .hdo-home .hero-category .hero-category-title{top:9px;font-size:9px;letter-spacing:0;line-height:1.25;padding:10px 8px;max-width:calc(100% - 12px)}
  .hdo-home .category-icon-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 9px;padding-top:17px;padding-bottom:25px}
  .hdo-home .quick-icon{border-width:2px}
  .hdo-home .quick-category{font-size:9px;gap:7px;letter-spacing:0}
  .hdo-home .quick-icon .hdo-limon-icon-overlay{width:23px;height:23px;right:1px;bottom:1px}
  .hdo-home .quick-icon .hdo-limon-icon-overlay svg,.hdo-home .quick-icon .hdo-limon-icon-overlay img.hdo-term-icon-image{width:13px;height:13px}
  .hdo-limon-statement{padding-top:22px;padding-bottom:28px}
  .hdo-limon-statement h2{font-size:25px}
  .hdo-limon-statement p{font-size:13px}
  .hdo-home .newsletter-ribbon{padding:25px 0 29px}
  .hdo-home .newsletter-inner{grid-template-columns:1fr;gap:22px;text-align:center}
  .hdo-home .hdo-limon-newsletter-art{min-height:0;max-height:190px}
  .hdo-home .hdo-limon-newsletter-art img{height:175px;width:min(100%,295px);border-width:5px}
  .hdo-home .newsletter-inner h2{font-size:27px;margin-top:10px}
  .hdo-home .newsletter-inner p{font-size:13px;margin-inline:auto}
  .hdo-home .hdo-section{padding-top:36px;padding-bottom:25px}
  .hdo-home .hdo-heading-pair h2{font-size:20px;padding:10px 11px}
  .hdo-home .hdo-heading-pair .hdo-script{font-size:18px}
  .hdo-home .hdo-section-heading{gap:8px;margin-bottom:21px}
  .hdo-home .hdo-see-more{font-size:9px;gap:5px}
  .hdo-home .hdo-see-more span{width:26px;height:26px}
  .hdo-home .hdo-post-grid{gap:13px}
  .hdo-home .hdo-post-card h3{font-size:15px}
  .hdo-home .hdo-card-kicker{font-size:9px}
  .hdo-limon-featured-strip{gap:8px;padding:25px 0}
  .hdo-limon-featured-links{gap:10px 18px}
  .hdo-limon-featured-links a{font-size:12px}
  .hdo-limon-featured-links a:nth-child(even){font-size:14px}
  .hdo-home .about-band-grid{grid-template-columns:1fr;text-align:center;gap:20px;padding:34px 0}
  .hdo-home .about-photo{max-width:215px}
  .hdo-home .about-photo img{height:240px}
  .hdo-home .about-copy{text-align:center}
  .hdo-home .about-copy h2{font-size:31px}
  .hdo-home .about-copy p{font-size:14px}
  .hdo-home .hdo-limon-about-social{grid-column:auto}
  .hdo-home .hdo-limon-favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}
  .hdo-home .hdo-limon-ranked-card h3{font-size:14px}
  .hdo-home .hdo-limon-ranked-card .hdo-post-card-body{padding-top:22px}
  .hdo-home .guide-inner{min-height:385px;padding:25px 14px;justify-content:center}
  .hdo-home .guide-copy{padding:24px 16px;max-width:375px}
  .hdo-home .guide-inner h2{font-size:27px}
  .hdo-home-block-grid_2 .hdo-post-grid,.hdo-home-block-grid_3 .hdo-post-grid,.hdo-home-block-grid_4 .hdo-post-grid{grid-template-columns:1fr;gap:18px}
  .hdo-home-block-grid_2 .hdo-post-card,.hdo-home-block-grid_3 .hdo-post-card,.hdo-home-block-grid_4 .hdo-post-card{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:11px}
  .hdo-home-block-grid_2 .hdo-post-card h3,.hdo-home-block-grid_3 .hdo-post-card h3,.hdo-home-block-grid_4 .hdo-post-card h3{font-size:16px}
}
@media(max-width:360px){
  .hdo-home .hero-category img{height:195px}
  .hdo-home .hero-category .hero-category-title{font-size:8px}
  .hdo-home .quick-category{font-size:8px}
  .hdo-home .hdo-heading-pair h2{font-size:18px}
}