/* ==========================================================================
   CannabisClubs — feuille de styles partagée (Home + Fiche club)
   Toutes les classes sont préfixées "cc-" pour éviter les collisions avec
   GeneratePress ou d'autres plugins.
   ========================================================================== */

:root{
  --cc-paper:#F7F6F3;
  --cc-paper-raised:#FFFFFF;
  --cc-ink:#161513;
  --cc-ink-soft:#3A362F;
  --cc-muted:#8A857A;
  --cc-line:#DAD7CE;
  --cc-line-strong:#B8B4A8;
  --cc-stamp:#B23B2E;
  --cc-radius:14px;
  --cc-radius-pill:999px;
}

/* ===== Reset léger, scopé au contenu CannabisClubs ===== */
body{
  background:var(--cc-paper);
  color:var(--cc-ink);
  font-family:'Public Sans',sans-serif;
  -webkit-font-smoothing:antialiased;
}
.cc-mono{font-family:'Arial',monospace;}
.cc-display{font-family:'Bricolage Grotesque',sans-serif;}

.cc-menu{
  display:flex;
  align-items:center;
}
 
.cc-menu ul{
  list-style:none;
  display:flex;
  align-items:center;
  gap:22px;
  margin:0;
  padding:0;
}
 
.cc-menu li{
  position:relative;
}
 
.cc-menu a{
  font-family:'Arial',monospace;
  font-size:12px;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--cc-ink-soft);
  text-decoration:none;
  padding:6px 0;
  border-bottom:1px solid transparent;
  transition:color .15s, border-color .15s;
  white-space:nowrap;
}
 
.cc-menu a:hover,
.cc-menu a:focus-visible{
  color:var(--cc-ink);
  border-bottom-color:var(--cc-stamp);
}

/* Petit chevron sur les items ayant un sous-menu (WordPress ajoute la classe
   "menu-item-has-children" automatiquement sur le <li> parent) */
.cc-menu li.menu-item-has-children > a{
  position:relative;
  padding-right:14px;
}
 
.cc-menu li.menu-item-has-children > a::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:6px;
  height:6px;
  border-right:1.3px solid currentColor;
  border-bottom:1.3px solid currentColor;
  transform:translateY(-65%) rotate(45deg);
  transition:transform .15s;
}
 
.cc-menu li.menu-item-has-children:hover > a::after,
.cc-menu li.menu-item-has-children:focus-within > a::after{
  transform:translateY(-35%) rotate(225deg);
}
 
/* Page/lien actif (classe ajoutée automatiquement par WordPress : current-menu-item) */
.cc-menu li.current-menu-item > a{
  color:var(--cc-ink);
  border-bottom-color:var(--cc-ink);
}
 
/* ===== Sous-menus (si menu à plusieurs niveaux) ===== */
.cc-menu li:hover > ul,
.cc-menu li:focus-within > ul{
  display:flex;
}
 
.cc-menu li ul{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  flex-direction:column;
  align-items:flex-start;
  gap:0;
  min-width:200px;
  background:var(--cc-paper-raised);
  border:1px solid var(--cc-line-strong);
  border-radius:10px;
  padding:6px;
  box-shadow:0 8px 20px rgba(22,21,19,.08);
  z-index:30;
}
 
.cc-menu li ul li{
  width:100%;
}
 
.cc-menu li ul a{
  display:block;
  width:100%;
  padding:9px 10px;
  border-bottom:none;
  border-radius:6px;
}
 
.cc-menu li ul a:hover{
  background:var(--cc-paper);
  color:var(--cc-ink);
}
 
/* ===== Bouton burger (mobile) ===== */
.cc-menu-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border:1px solid var(--cc-line-strong);
  border-radius:var(--cc-radius-pill);
  background:var(--cc-paper-raised);
  cursor:pointer;
}
 
.cc-menu-toggle span{
  display:block;
  width:16px;
  height:1.5px;
  background:var(--cc-ink);
  position:relative;
}
.cc-menu-toggle span::before,
.cc-menu-toggle span::after{
  content:"";
  position:absolute;
  left:0;
  width:16px;
  height:1.5px;
  background:var(--cc-ink);
}
.cc-menu-toggle span::before{ top:-5px; }
.cc-menu-toggle span::after{ top:5px; }
 
/* ===== Responsive : menu déplié en colonne sous le burger ===== */
@media (max-width:760px){
  .cc-menu-toggle{ display:flex; }
 
  .cc-menu{
    position:relative;
  }
 
  .cc-menu ul{
    display:none;
    position:absolute;
    top:calc(100% + 12px);
    right:0;
    flex-direction:column;
    align-items:flex-start;
    gap:2px;
    background:var(--cc-paper-raised);
    border:1px solid var(--cc-line-strong);
    border-radius:var(--cc-radius);
    padding:10px;
    min-width:200px;
    box-shadow:0 10px 24px rgba(22,21,19,.1);
    z-index:30;
  }
 
  .cc-menu.is-open ul{
    display:flex;
  }
 
  .cc-menu ul li{ width:100%; }
  .cc-menu ul a{ display:block; width:100%; padding:10px 8px; }
 
  .cc-menu li ul{
    position:static;
    border:none;
    box-shadow:none;
    padding:0 0 0 12px;
    margin-top:4px;
  }
}

/* ===== Masthead ===== */
.cc-masthead{border-bottom:1px solid var(--cc-line-strong);background:var(--cc-paper);position:sticky;top:0;z-index:20;}
.cc-masthead-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:16px;flex-wrap:wrap;}
.cc-masthead-inner h1 {margin-bottom:5px;line-height:1;}
.cc-wordmark{display:flex;flex-direction:column;line-height:1;text-decoration:none;color:inherit;}
.cc-eyebrow{font-family:'Arial',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--cc-muted);margin-bottom:4px;}
.cc-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:19px;letter-spacing:-0.01em;}
.cc-countries{display:flex;gap:6px;flex-wrap:wrap;}
.cc-chip{font-family:'Arial',monospace;font-size:12px;font-weight:500;padding:8px 14px;border:1px solid var(--cc-line-strong);border-radius:var(--cc-radius-pill);background:var(--cc-paper-raised);color:var(--cc-ink-soft);letter-spacing:.03em;transition:background .15s,color .15s,border-color .15s;}
.cc-chip:hover{border-color:var(--cc-ink);}
.cc-chip.active{background:var(--cc-ink);color:var(--cc-paper);border-color:var(--cc-ink);}
.cc-history-link{font-family:'Arial',monospace;font-size:12px;color:var(--cc-muted);border-bottom:1px solid var(--cc-line-strong);padding-bottom:1px;white-space:nowrap;text-decoration:none;}
.cc-history-link:hover{color:var(--cc-ink);border-color:var(--cc-ink);}

/* ===== Hero (Home) ===== */
.cc-hero{max-width:1180px;margin:0 auto;padding:64px 24px 40px;}
.cc-hero h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(32px,5vw,52px);line-height:1.05;letter-spacing:-0.02em;margin:0 0 16px;}
.cc-lede{font-size:16px;color:var(--cc-ink-soft);margin:0 0 32px;line-height:1.5;}
.cc-search-bar{display:flex;max-width:560px;border:1.5px solid var(--cc-ink);border-radius:var(--cc-radius-pill);overflow:hidden;}
.cc-search-bar input{flex:1;border:none;background:var(--cc-paper-raised);padding:15px 22px;font-family:'Public Sans',sans-serif;font-size:15px;color:var(--cc-ink);outline:none;}
.cc-search-bar input::placeholder{color:var(--cc-muted);}
.cc-search-bar button{border:none;background:var(--cc-ink);color:var(--cc-paper);padding:0 26px;font-family:'Arial',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;display:flex;align-items:center;gap:8px;transition:background .15s;}
.cc-search-bar button:hover{background:var(--cc-stamp);}
.cc-search-note{font-family:'Arial',monospace;font-size:11px;color:var(--cc-muted);margin-top:10px;letter-spacing:.02em;}

/* ===== Section divider ===== */
.cc-section-head{max-width:1180px;margin:0 auto;padding:0 24px;display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid var(--cc-line-strong);padding-top:14px;margin-top:36px;}
.cc-section-head h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;margin:0;}
.cc-count{font-family:'Arial',monospace;font-size:12px;color:var(--cc-muted);}

/* ===== Country group ===== */
.cc-country-group{max-width:1180px;margin:0 auto;padding:20px 24px 0;}
.cc-country-label{display:flex;align-items:center;gap:10px;font-family:'Arial',monospace;font-size:11px;color:var(--cc-muted);letter-spacing:.05em;text-transform:uppercase;margin:28px 0 14px;}
.cc-rule{flex:1;height:1px;background:var(--cc-line);}
.cc-country-link{color:var(--cc-ink-soft);border:1px solid var(--cc-line-strong);border-radius:var(--cc-radius-pill);padding:5px 12px;white-space:nowrap;transition:color .15s,border-color .15s;text-decoration:none;}
.cc-country-link:hover{color:var(--cc-stamp);border-color:var(--cc-stamp);}

/* ===== Grid + cards (Home) ===== */
.cc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;}
.cc-card{background:var(--cc-paper-raised);display:flex;flex-direction:column;position:relative;border:1px solid var(--cc-line);border-radius:var(--cc-radius);overflow:hidden;transition:border-color .15s,box-shadow .15s;}
.cc-card:hover{border-color:var(--cc-line-strong);box-shadow:0 4px 16px rgba(22,21,19,.06);}
.cc-photo{height:150px;background:repeating-linear-gradient(135deg,#EDEBE5 0,#EDEBE5 2px,transparent 2px,transparent 10px),#E4E1D8;position:relative;}
.cc-photo-tag{position:absolute;bottom:10px;left:14px;font-family:'Arial',monospace;font-size:11px;color:var(--cc-ink-soft);background:rgba(247,246,243,.88);padding:3px 10px;border-radius:var(--cc-radius-pill);}
.cc-card-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:10px;flex:1;}
.cc-card-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:17px;letter-spacing:-0.01em;margin:0;color:var(--cc-ink);}
.cc-card-meta{font-family:'Arial',monospace;font-size:11.5px;color:var(--cc-muted);letter-spacing:.02em;}
.cc-card-desc{font-size:13px;color:var(--cc-ink-soft);line-height:1.45;flex:1;margin:0;}
.cc-card-cta{margin-top:4px;display:flex;align-items:center;justify-content:space-between;padding-top:2px;text-decoration:none;}
.cc-btn-contact{font-family:'Arial',monospace;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--cc-stamp);display:flex;align-items:center;gap:6px;border:1.5px solid var(--cc-stamp);border-radius:var(--cc-radius-pill);padding:8px 14px;transition:background .15s,color .15s;}
.cc-card-cta:hover .cc-btn-contact{background:var(--cc-stamp);color:var(--cc-paper-raised);}
.cc-card-rating{font-family:'Arial',monospace;font-size:11px;color:var(--cc-muted);}
.cc-no-results{max-width:1180px;margin:40px auto;padding:0 24px;font-family:'Arial',monospace;font-size:13px;color:var(--cc-muted);}

/* ===== Fil d'Ariane (Fiche club) ===== */
.cc-breadcrumb{max-width:1180px;margin:0 auto;padding:20px 24px 0;font-family:'Arial',monospace;font-size:12px;color:var(--cc-muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.cc-breadcrumb a{color:inherit;text-decoration:none;}
.cc-breadcrumb a:hover{color:var(--cc-ink);}
.cc-sep{color:var(--cc-line-strong);}
.cc-current{color:var(--cc-ink-soft);}

/* ===== Hero club ===== */
.cc-club-hero{max-width:1180px;margin:0 auto;padding:20px 24px 0;display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:start;}
.cc-club-photo{height:320px;border-radius:var(--cc-radius);background:repeating-linear-gradient(135deg,#EDEBE5 0,#EDEBE5 2px,transparent 2px,transparent 10px),#E4E1D8;position:relative;overflow:hidden;}
.cc-tag{position:absolute;bottom:14px;left:14px;font-family:'Arial',monospace;font-size:11px;color:var(--cc-ink-soft);background:rgba(247,246,243,.9);padding:4px 12px;border-radius:var(--cc-radius-pill);}
.cc-club-intro{padding-top:6px;}
.cc-club-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(26px,3.4vw,36px);letter-spacing:-0.02em;line-height:1.05;margin:0 0 10px;}
.cc-club-meta-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-family:'Arial',monospace;font-size:12.5px;color:var(--cc-muted);margin-bottom:18px;}
.cc-rating-value{color:var(--cc-ink-soft);}
.cc-club-desc{font-size:15px;color:var(--cc-ink-soft);line-height:1.6;max-width:52ch;margin:0 0 26px;}
.cc-btn-primary{display:inline-flex;align-items:center;gap:8px;font-family:'Arial',monospace;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--cc-stamp);color:var(--cc-paper-raised);border:1.5px solid var(--cc-stamp);border-radius:var(--cc-radius-pill);padding:13px 22px;transition:background .15s,color .15s;text-decoration:none;}
.cc-btn-primary:hover{background:var(--cc-paper-raised);color:var(--cc-stamp);}

/* ===== Home content ===== */
#ccHomeContent{max-width:1180px;margin:0 auto;padding:0 24px;display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid var(--cc-line-strong);padding-top:14px;margin-top:36px;}
#ccHomeContent h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(32px,5vw,52px);line-height:1.05;letter-spacing:-0.02em;margin:0 0 16px;}
#ccHomeContent p {font-size:16px;color:var(--cc-ink-soft);margin:0 0 32px;line-height:1.5;}


/* ===== Sections génériques (Fiche club) ===== */
.cc-section{max-width:1180px;margin:0 auto;padding:56px 24px 0;}
.cc-section-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:var(--cc-ink);border-top:1px solid var(--cc-line-strong);padding-top:14px;margin:0 0 22px;}

/* ===== Infos pratiques ===== */
.cc-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--cc-line);border:1px solid var(--cc-line);border-radius:var(--cc-radius);overflow:hidden;}
.cc-info-item{background:var(--cc-paper-raised);padding:18px 20px;}
.cc-label{font-family:'Arial',monospace;font-size:10.5px;color:var(--cc-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;}
.cc-value{font-size:14.5px;color:var(--cc-ink);line-height:1.4;}

/* ===== Avis ===== */
.cc-reviews-summary{display:flex;align-items:baseline;gap:12px;margin-bottom:24px;flex-wrap:wrap;}
.cc-big-rating{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:34px;}
.cc-sub{font-family:'Arial',monospace;font-size:12px;color:var(--cc-muted);}
.cc-review-list{display:flex;flex-direction:column;gap:1px;background:var(--cc-line);border:1px solid var(--cc-line);border-radius:var(--cc-radius);overflow:hidden;}
.cc-review{background:var(--cc-paper-raised);padding:20px 22px;}
.cc-review-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.cc-review-author{font-family:'Arial',monospace;font-size:12.5px;color:var(--cc-ink-soft);display:flex;align-items:center;gap:8px;}
.cc-badge{width:26px;height:26px;border-radius:50%;background:var(--cc-paper);border:1px solid var(--cc-line-strong);display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:11px;color:var(--cc-ink-soft);}
.cc-review-rating{font-size:12.5px;color:var(--cc-ink);white-space:nowrap;}
.cc-review-text{font-size:14px;color:var(--cc-ink-soft);line-height:1.55;margin:0;}
.cc-no-reviews{font-family:'Arial',monospace;font-size:13px;color:var(--cc-muted);}

/* ===== Formulaire de contact / avis ===== */
.cc-contact-section{background:var(--cc-paper-raised);border:1px solid var(--cc-line-strong);border-radius:var(--cc-radius);padding:36px 32px;scroll-margin-top:90px;}
.cc-contact-head{margin-bottom:26px;}
.cc-contact-head h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:24px;letter-spacing:-0.01em;margin:0 0 8px;}
.cc-contact-head p{font-size:14.5px;color:var(--cc-ink-soft);margin:0;max-width:50ch;line-height:1.5;}

.cc-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
.cc-field{display:flex;flex-direction:column;gap:6px;}
.cc-field-full{grid-column:1 / -1;}
.cc-field label{font-family:'Arial',monospace;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--cc-muted);}
.cc-field input,.cc-field select,.cc-field textarea{font-family:'Public Sans',sans-serif;font-size:14.5px;color:var(--cc-ink);border:1.5px solid var(--cc-line-strong);border-radius:10px;padding:11px 14px;background:var(--cc-paper);outline:none;transition:border-color .15s;}
.cc-field input:focus,.cc-field select:focus,.cc-field textarea:focus{border-color:var(--cc-ink);}
.cc-field textarea{resize:vertical;min-height:90px;}

.cc-consent{display:flex;align-items:flex-start;gap:10px;margin:18px 0 24px;}
.cc-consent input{margin-top:3px;}
.cc-consent label{font-size:12.5px;color:var(--cc-muted);line-height:1.5;}
.cc-consent a{text-decoration:underline;color:var(--cc-ink-soft);}

.cc-form-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;}
.cc-form-note{font-family:'Arial',monospace;font-size:11px;color:var(--cc-muted);max-width:32ch;line-height:1.5;}

.cc-review-intro{font-size:14.5px;color:var(--cc-ink-soft);margin:0 0 20px;}
.cc-review-note{font-family:'Arial',monospace;font-size:11px;color:var(--cc-muted);margin:16px 0 22px;line-height:1.5;}

.cc-form-notice{border-radius:10px;padding:14px 18px;font-size:14px;margin-bottom:20px;}
.cc-form-success{background:#EAF2ED;color:#2A4C39;border:1px solid #BFDACB;}
.cc-form-error{background:#F7E9E7;color:#7A2E24;border:1px solid #E4B9B2;}
.cc-form-info{background:#F1EFE9;color:var(--cc-ink-soft);border:1px solid var(--cc-line-strong);}

.cc-contact-form button,
.cc-review-form button{display:inline-flex;align-items:center;gap:8px;font-family:'Arial',monospace;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--cc-stamp);color:var(--cc-paper-raised);border:1.5px solid var(--cc-stamp);border-radius:var(--cc-radius-pill);padding:13px 22px;cursor:pointer;transition:background .15s,color .15s;}
.cc-contact-form button:hover,
.cc-review-form button:hover{background:var(--cc-paper-raised);color:var(--cc-stamp);}

/* ===== Pages classiques (page.php) — contenu généré par l'éditeur WP ===== */
.cc-page-section{padding-bottom:64px;}
.cc-prose{max-width:760px;margin:0 auto;}
 
.cc-page-title{
  font-family:'Bricolage Grotesque',sans-serif;font-weight:800;
  font-size:clamp(28px,4vw,42px);letter-spacing:-0.02em;line-height:1.08;
  margin:0 0 28px;
}
 
.cc-page-content{font-size:16px;color:var(--cc-ink-soft);line-height:1.7;}
.cc-page-content p{margin:0 0 20px;}
.cc-page-content h2{
  font-family:'Bricolage Grotesque',sans-serif;font-weight:700;color:var(--cc-ink);
  font-size:22px;letter-spacing:-0.01em;line-height:1.2;
  margin:40px 0 16px;padding-top:24px;border-top:1px solid var(--cc-line);
}
.cc-page-content h3{
  font-family:'Bricolage Grotesque',sans-serif;font-weight:700;color:var(--cc-ink);
  font-size:18px;letter-spacing:-0.01em;line-height:1.3;
  margin:32px 0 12px;
}
.cc-page-content ul,.cc-page-content ol{margin:0 0 20px;padding-left:22px;}
.cc-page-content li{margin-bottom:8px;}
.cc-page-content a{color:var(--cc-ink);text-decoration:underline;text-decoration-color:var(--cc-line-strong);text-underline-offset:2px;}
.cc-page-content a:hover{text-decoration-color:var(--cc-stamp);color:var(--cc-stamp);}
.cc-page-content strong{color:var(--cc-ink);font-weight:600;}
.cc-page-content blockquote{
  margin:24px 0;padding:16px 20px;border-left:2px solid var(--cc-stamp);
  background:var(--cc-paper-raised);color:var(--cc-ink-soft);font-style:italic;
}
.cc-page-content img{max-width:100%;height:auto;border-radius:var(--cc-radius);margin:12px 0;}
.cc-page-content hr{border:none;border-top:1px solid var(--cc-line);margin:32px 0;}
 
@media (max-width:600px){
  .cc-page-title{margin-bottom:20px;}
  .cc-page-content h2{margin-top:32px;}
}

/* ===== Footer ===== */
.cc-footer{margin-top:64px;border-top:1px solid var(--cc-line-strong);padding:28px 24px 40px;}
.cc-footer-inner{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;}
.cc-footer-links{display:flex;gap:22px;flex-wrap:wrap;font-family:'Arial',monospace;font-size:11.5px;color:var(--cc-muted);}
.cc-footer-links a{color:inherit;text-decoration:none;}
.cc-footer-links a:hover{color:var(--cc-ink);}
.cc-footer-note{font-family:'Arial',monospace;font-size:11px;color:var(--cc-muted);}

/* ===== Responsive ===== */
@media (max-width:760px){
  .cc-club-hero{grid-template-columns:1fr;}
  .cc-club-photo{height:220px;}
  .cc-field-grid{grid-template-columns:1fr;}
  .cc-contact-section{padding:26px 20px;}
  .cc-section{padding-left:16px;padding-right:16px;}
}
@media (max-width:600px){
  .cc-masthead-inner{padding:14px 16px;}
  .cc-countries{order:3;width:100%;}
  .cc-hero{padding:40px 16px 28px;}
  .cc-search-bar{flex-direction:column;border:none;border-radius:0;overflow:visible;gap:8px;}
  .cc-search-bar input{border:1.5px solid var(--cc-ink);border-radius:var(--cc-radius-pill);}
  .cc-search-bar button{padding:14px;justify-content:center;border-radius:var(--cc-radius-pill);}
  .cc-section-head,.cc-country-group{padding-left:16px;padding-right:16px;}
  .cc-grid{grid-template-columns:1fr;}
  .cc-breadcrumb{padding-left:16px;padding-right:16px;}
}

:focus-visible{outline:2px solid var(--cc-stamp);outline-offset:2px;}