/* CEN V152.12 — tactile mobile, citations bilingues et liens vidéo multi-plateformes. */

.public-nav-close{display:none}
.quote-language-label{display:inline-flex;align-self:flex-start;margin:8px 0 5px;padding:4px 8px;border-radius:999px;background:rgba(242,194,48,.16);color:#f2c230;font-size:.68rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.cen-home-quote-copy blockquote.quote-en{margin-top:2px;color:#e8f4ff!important;font-family:Georgia,serif;font-size:clamp(1.08rem,1.65vw,1.55rem);font-style:italic;font-weight:650;line-height:1.5}
.cen-daily-quote-date-en{display:block;margin-top:5px;color:#d6e9f8;font-size:.76rem;font-weight:750;text-transform:capitalize}
.quote-bilingual-pair{display:grid;gap:12px;margin:14px 0 18px}
.quote-bilingual-pair blockquote{margin:0;padding:14px 16px;border-left:4px solid #f2c230;border-radius:0 14px 14px 0;background:#f4f9fd;color:#153f59;font:italic 700 1rem/1.55 Georgia,serif}
.quote-bilingual-pair blockquote[lang="en"]{border-left-color:#0b5fa8;background:#edf6fc;color:#244e69}
.quote-bilingual-pair small{display:block;margin-bottom:5px;color:#7b651b;font:900 .7rem/1.2 system-ui,sans-serif;letter-spacing:.11em;text-transform:uppercase}
.quote-translation-missing{display:inline-flex;margin-top:8px;padding:5px 9px;border-radius:999px;background:#fff1cf;color:#725303;font-size:.75rem;font-weight:850}

.public-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.public-video-card{min-width:0;overflow:hidden;border:1px solid #d6e5ee;border-radius:18px;background:#f8fbfd;box-shadow:0 10px 28px rgba(4,48,78,.08)}
.public-video-card iframe{display:block;width:100%;min-height:240px;border:0;background:#071d33}
.public-video-card-body{display:grid;gap:8px;padding:15px}
.public-video-platform{display:inline-flex;justify-self:start;padding:4px 8px;border-radius:999px;background:#e7f2f9;color:#075887;font-size:.7rem;font-weight:950;text-transform:uppercase}
.public-video-card h3{margin:0;color:#173f58;line-height:1.35}
.public-video-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 14px;border-radius:12px;background:linear-gradient(135deg,#075b91,#0b78b4);color:#fff!important;font-weight:900;text-decoration:none;touch-action:manipulation}
.public-video-placeholder{display:grid;min-height:210px;place-items:center;padding:24px;background:linear-gradient(145deg,#052f57,#0b5fa8);color:#fff;text-align:center}
.public-video-placeholder span{display:block;font-size:2.5rem}.public-video-placeholder strong{display:block;margin-top:10px}

@media (max-width:980px){
  html.public-menu-lock,html.public-menu-lock body{overflow:hidden!important;overscroll-behavior:none!important}
  body.public-layout .public-mobile-bar{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:10020!important;display:grid!important;grid-template-columns:56px minmax(0,1fr) auto!important;align-items:center!important;min-height:64px!important;pointer-events:auto!important;touch-action:manipulation!important}
  body.public-layout #public-menu-toggle,body.public-layout .public-mobile-login,body.public-layout .public-mobile-brand{position:relative!important;z-index:10022!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(242,194,48,.28)!important}
  body.public-layout #public-menu-toggle{display:grid!important;width:52px!important;height:52px!important;place-items:center!important;border:0!important;border-radius:15px!important;font-size:30px!important;line-height:1!important;cursor:pointer!important}
  body.public-layout #public-menu-backdrop{position:fixed!important;inset:64px 0 0!important;z-index:10010!important;display:block!important;background:rgba(2,18,33,.62)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .18s ease,visibility .18s ease!important}
  body.public-layout #public-menu-backdrop.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  body.public-layout #public-main-nav.cen-public-nav{position:fixed!important;top:64px!important;bottom:0!important;left:0!important;right:auto!important;z-index:10015!important;display:flex!important;width:min(88vw,370px)!important;max-width:370px!important;height:calc(100dvh - 64px)!important;max-height:none!important;min-height:0!important;box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:8px!important;padding:64px 13px max(28px,env(safe-area-inset-bottom))!important;overflow-x:hidden!important;overflow-y:auto!important;background:#fff!important;box-shadow:20px 0 46px rgba(2,24,43,.3)!important;transform:translate3d(-105%,0,0)!important;transition:transform .22s ease!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important}
  body.public-layout #public-main-nav.cen-public-nav.is-open{transform:translate3d(0,0,0)!important}
  body.public-layout #public-main-nav.cen-public-nav .public-nav-close{position:absolute!important;top:10px!important;right:12px!important;display:grid!important;width:44px!important;height:44px!important;place-items:center!important;border:1px solid #d7e5ee!important;border-radius:13px!important;background:#edf6fb!important;color:#052f57!important;font-size:28px!important;font-weight:900!important;cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important}
  body.public-layout #public-main-nav.cen-public-nav>a,body.public-layout #public-main-nav.cen-public-nav details,body.public-layout #public-main-nav.cen-public-nav summary,body.public-layout #public-main-nav.cen-public-nav select{position:relative!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;pointer-events:auto!important;touch-action:manipulation!important}
  body.public-layout #public-main-nav.cen-public-nav>a{display:flex!important;min-height:48px!important;align-items:center!important;justify-content:flex-start!important;padding:11px 14px!important;border:1px solid #dfe9f0!important;border-radius:12px!important;background:#f7fbfd!important;color:#173f58!important;text-decoration:none!important}
  body.public-layout #public-main-nav.cen-public-nav summary{display:flex!important;min-height:50px!important;align-items:center!important;justify-content:space-between!important;padding:11px 13px!important;cursor:pointer!important;user-select:none!important;-webkit-user-select:none!important}
  body.public-layout #public-main-nav.cen-public-nav .public-nav-dropdown{display:none!important;position:static!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
  body.public-layout #public-main-nav.cen-public-nav details[open]>.public-nav-dropdown{display:grid!important}
  body.public-layout #public-main-nav.cen-public-nav .public-nav-dropdown>a{pointer-events:auto!important;touch-action:manipulation!important}
  body.public-layout #public-main-nav.cen-public-nav .public-language-wrap{display:flex!important;width:100%!important;min-height:48px!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;border:1px solid #dfe9f0!important;border-radius:12px!important;background:#f7fbfd!important}

  body.admin-layout .mobile-sidebar-toggle{z-index:10020!important;pointer-events:auto!important;touch-action:manipulation!important}
  body.admin-layout .mobile-menu-backdrop{z-index:10010!important;pointer-events:none!important}
  body.admin-layout .mobile-menu-backdrop.is-open{pointer-events:auto!important}
  body.admin-layout #main-sidebar{z-index:10015!important;pointer-events:auto!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important}
  body.admin-layout #main-sidebar summary,body.admin-layout #main-sidebar a,body.admin-layout #main-sidebar button{pointer-events:auto!important;touch-action:manipulation!important}
  body.admin-layout.side-open{overflow:hidden!important}

  body.public-layout .main-content a,body.public-layout .main-content button,body.public-layout .main-content summary,
  body.admin-layout .workspace-content a,body.admin-layout .workspace-content button,body.admin-layout .workspace-content summary{touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(11,95,168,.16)}
}

@media (max-width:620px){
  .public-video-grid{grid-template-columns:1fr}
  .public-video-card iframe{min-height:220px}
  .cen-home-quote-copy blockquote.quote-en{font-size:1.05rem}
}

@media print{.public-nav-close{display:none!important}}