/* CHERCHEZ LA FEMME — Rubriken navigation layer, 2026-08-24
   Additive only: does not replace the existing header, footer or editorial layout. */

.clf-rubrics-trigger{
  appearance:none;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  font-size:inherit;
  letter-spacing:inherit;
  text-transform:uppercase;
  cursor:pointer;
  padding:0;
  margin:0;
  display:inline-flex;
  align-items:center;
  gap:.38em;
  white-space:nowrap;
}
.clf-rubrics-trigger::after{
  content:"";
  width:6px;
  height:6px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transform-origin:center;
  transition:transform .18s ease;
}
.clf-rubrics-trigger[aria-expanded="true"]::after{
  transform:rotate(225deg) translate(-1px,-1px);
}

.clf-rubrics-mega{
  position:fixed;
  left:0;
  right:0;
  z-index:2147483000;
  background:#f6f1e8;
  color:#171411;
  border-top:1px solid rgba(23,20,17,.12);
  border-bottom:1px solid rgba(23,20,17,.18);
  box-shadow:0 22px 48px rgba(18,14,10,.14);
  opacity:0;
  visibility:hidden;
  transform:translateY(-8px);
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.clf-rubrics-mega.is-open{
  opacity:1;
  visibility:visible;
  transform:none;
}
.clf-rubrics-mega__inner{
  width:min(1180px,calc(100vw - 56px));
  margin:0 auto;
  padding:28px 0 32px;
}
.clf-rubrics-mega__top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:28px;
  padding-bottom:18px;
  margin-bottom:22px;
  border-bottom:1px solid rgba(23,20,17,.12);
}
.clf-rubrics-mega__eyebrow{
  display:block;
  margin-bottom:4px;
  font:700 11px/1.2 Arial,Helvetica,sans-serif;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#756d64;
}
.clf-rubrics-mega__title{
  margin:0;
  font:400 clamp(26px,3vw,40px)/1.05 Georgia,"Times New Roman",serif;
  letter-spacing:-.02em;
}
.clf-rubrics-mega__close{
  appearance:none;
  border:1px solid rgba(23,20,17,.22);
  background:transparent;
  width:38px;
  height:38px;
  border-radius:50%;
  font:300 24px/1 Arial,Helvetica,sans-serif;
  cursor:pointer;
  color:inherit;
}
.clf-rubrics-mega__grid{
  display:grid;
  grid-template-columns:1.4fr 1fr .75fr;
  gap:34px;
}
.clf-rubrics-group__label{
  display:block;
  margin-bottom:12px;
  font:700 10px/1.2 Arial,Helvetica,sans-serif;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#8a8178;
}
.clf-rubrics-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 22px;
}
.clf-rubrics-links--single{grid-template-columns:1fr}
.clf-rubrics-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 0;
  border-top:1px solid rgba(23,20,17,.1);
  color:inherit!important;
  text-decoration:none!important;
  font:600 13px/1.25 Arial,Helvetica,sans-serif;
  letter-spacing:.015em;
}
.clf-rubrics-link::after{
  content:"→";
  font-weight:400;
  opacity:.5;
  transition:transform .16s ease, opacity .16s ease;
}
.clf-rubrics-link:hover::after{transform:translateX(3px);opacity:1}
.clf-rubrics-link--feature{
  display:block;
  min-height:100%;
  padding:15px 16px 17px;
  background:#171411;
  color:#fff!important;
  border:0;
}
.clf-rubrics-link--feature::after{display:none}
.clf-rubrics-link--feature small{
  display:block;
  margin-bottom:18px;
  font:700 10px/1.2 Arial,Helvetica,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
  opacity:.65;
}
.clf-rubrics-link--feature strong{
  display:block;
  font:400 24px/1.08 Georgia,"Times New Roman",serif;
}
.clf-rubrics-link--feature span{
  display:block;
  margin-top:10px;
  font:400 12px/1.45 Arial,Helvetica,sans-serif;
  opacity:.74;
}
body.clf-rubrics-open{overflow:hidden}

/* Home: compact discovery rail, attached to existing "Mehr entdecken" when present. */
.clf-home-rubrics{
  width:min(1180px,calc(100% - 40px));
  margin:24px auto 44px;
}
.clf-home-rubrics--embedded{
  width:100%;
  margin:20px 0 12px;
}
.clf-home-rubrics__head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:16px;
}
.clf-home-rubrics__kicker{
  display:block;
  margin-bottom:4px;
  font:700 10px/1.2 Arial,Helvetica,sans-serif;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#857b72;
}
.clf-home-rubrics__title{
  margin:0;
  font:400 clamp(24px,3vw,36px)/1.05 Georgia,"Times New Roman",serif;
}
.clf-home-rubrics__all{
  color:inherit!important;
  text-decoration:none!important;
  font:700 10px/1.2 Arial,Helvetica,sans-serif;
  letter-spacing:.11em;
  text-transform:uppercase;
  white-space:nowrap;
}
.clf-home-rubrics__grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  border-top:1px solid rgba(23,20,17,.17);
  border-bottom:1px solid rgba(23,20,17,.17);
}
.clf-home-rubrics__card{
  display:flex;
  min-height:132px;
  flex-direction:column;
  justify-content:space-between;
  padding:17px 16px 15px;
  color:inherit!important;
  text-decoration:none!important;
  border-right:1px solid rgba(23,20,17,.12);
  transition:background .16s ease;
}
.clf-home-rubrics__card:last-child{border-right:0}
.clf-home-rubrics__card:hover{background:rgba(23,20,17,.035)}
.clf-home-rubrics__card small{
  font:700 9px/1.2 Arial,Helvetica,sans-serif;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:#8a8178;
}
.clf-home-rubrics__card strong{
  font:400 20px/1.08 Georgia,"Times New Roman",serif;
}
.clf-home-rubrics__card span{
  font:400 11px/1.38 Arial,Helvetica,sans-serif;
  color:#6d655e;
}

/* Mobile: use the existing CLF drawer, but make its structure readable. */
@media (max-width:820px){
  .clf-rubrics-trigger,.clf-rubrics-mega{display:none!important}
  .clf-home-rubrics{
    width:calc(100% - 28px);
    margin:20px auto 36px;
  }
  .clf-home-rubrics--embedded{width:100%;margin:16px 0 6px}
  .clf-home-rubrics__head{align-items:flex-start;margin-bottom:13px}
  .clf-home-rubrics__title{font-size:28px}
  .clf-home-rubrics__all{padding-top:5px}
  .clf-home-rubrics__grid{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    border-bottom:0;
  }
  .clf-home-rubrics__grid::-webkit-scrollbar{display:none}
  .clf-home-rubrics__card{
    flex:0 0 min(72vw,250px);
    min-height:124px;
    scroll-snap-align:start;
    border-right:1px solid rgba(23,20,17,.12);
    border-bottom:1px solid rgba(23,20,17,.17);
  }
  .clf-rubrics-drawer-heading{
    grid-column:1/-1;
    display:block;
    margin:18px 0 4px;
    padding-top:13px;
    border-top:1px solid rgba(23,20,17,.12);
    font:700 9px/1.2 Arial,Helvetica,sans-serif;
    letter-spacing:.15em;
    text-transform:uppercase;
    color:#8a8178;
  }
  .clf-rubrics-drawer-heading:first-child{margin-top:4px;padding-top:0;border-top:0}
}