/*
 * ActiveFoot — Lot 11m1
 * Finition mobile pages publiques : filtres jour/catégorie/site lisibles en thème clair.
 * CSS only, chargé en dernier sur public/index.php.
 */
@media (max-width: 760px){
  html[data-af-theme="light"] body #pub-day-bar{
    background:#F7FAFE !important;
    border:1px solid #B8C8DB !important;
    border-left:4px solid #16A34A !important;
    box-shadow:0 12px 28px rgba(15,23,42,.08) !important;
    border-radius:16px !important;
    padding:12px 10px !important;
    overflow:hidden !important;
  }
  html[data-af-theme="light"] body #pub-day-bar > span,
  html[data-af-theme="light"] body #pub-day-bar > div > span,
  html[data-af-theme="light"] body #pub-day-bar .af-filter-row-has-active > span{
    position:sticky !important;
    left:0 !important;
    z-index:4 !important;
    flex:0 0 auto !important;
    min-width:auto !important;
    max-width:none !important;
    padding:8px 12px 8px 2px !important;
    margin-right:2px !important;
    border:0 !important;
    border-radius:0 !important;
    background:linear-gradient(90deg,#F7FAFE 0%,#F7FAFE 76%,rgba(247,250,254,0) 100%) !important;
    color:#047A39 !important;
    font-family:var(--fh,'Exo 2',sans-serif) !important;
    font-size:11px !important;
    font-weight:950 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
    text-shadow:none !important;
    filter:none !important;
    opacity:1 !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
    box-shadow:none !important;
  }
  html[data-af-theme="light"] body #pub-day-bar > div{
    width:100% !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:8px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
    padding:2px 0 4px !important;
  }
  html[data-af-theme="light"] body #pub-day-bar > div::-webkit-scrollbar{display:none !important;}
  html[data-af-theme="light"] body #pub-day-bar button,
  html[data-af-theme="light"] body #pub-day-bar .af-date-btn,
  html[data-af-theme="light"] body #pub-day-bar .af-cat-btn,
  html[data-af-theme="light"] body #pub-day-bar .af-v6-date-btn,
  html[data-af-theme="light"] body #pub-day-bar .af-v6-cat-btn,
  html[data-af-theme="light"] body #pub-day-bar .pub-site-btn{
    flex:0 0 auto !important;
    min-height:38px !important;
    padding:9px 14px !important;
    border-radius:999px !important;
    background:#EAF1F9 !important;
    border:1px solid #AFC0D5 !important;
    color:#102033 !important;
    font-size:12px !important;
    font-weight:900 !important;
    box-shadow:0 6px 14px rgba(15,23,42,.06) !important;
    text-shadow:none !important;
    opacity:1 !important;
  }
  html[data-af-theme="light"] body #pub-day-bar button *,
  html[data-af-theme="light"] body #pub-day-bar .af-date-btn *,
  html[data-af-theme="light"] body #pub-day-bar .af-cat-btn *,
  html[data-af-theme="light"] body #pub-day-bar .af-v6-date-btn *,
  html[data-af-theme="light"] body #pub-day-bar .af-v6-cat-btn *{
    color:inherit !important;
    opacity:1 !important;
  }
  html[data-af-theme="light"] body #pub-day-bar .af-filter-active,
  html[data-af-theme="light"] body #pub-day-bar button.af-filter-active,
  html[data-af-theme="light"] body #pub-day-bar .af-date-btn.af-filter-active,
  html[data-af-theme="light"] body #pub-day-bar .af-cat-btn.af-filter-active,
  html[data-af-theme="light"] body #pub-day-bar .af-v6-date-btn.af-filter-active,
  html[data-af-theme="light"] body #pub-day-bar .af-v6-cat-btn.af-filter-active,
  html[data-af-theme="light"] body #pub-day-bar button[style*="22,163,74"],
  html[data-af-theme="light"] body #pub-day-bar .af-date-btn[style*="22,163,74"],
  html[data-af-theme="light"] body #pub-day-bar .af-cat-btn[style*="22,163,74"],
  html[data-af-theme="light"] body #pub-day-bar .af-v6-date-btn[style*="22,163,74"],
  html[data-af-theme="light"] body #pub-day-bar .af-v6-cat-btn[style*="22,163,74"]{
    background:linear-gradient(135deg,#22C55E,#86EFAC) !important;
    border-color:#16A34A !important;
    color:#052E16 !important;
    box-shadow:0 0 0 3px rgba(34,197,94,.16),0 8px 18px rgba(22,163,74,.18) !important;
  }
  html[data-af-theme="light"] body #pub-day-bar .af-filter-active::after,
  html[data-af-theme="light"] body #pub-day-bar button.af-filter-active::after{
    color:#052E16 !important;
  }
}