/*
Theme Name: Retro Queer Montreal Editable v51
Theme URI: https://retroqueermontreal.com
Author: Rétro Queer Montréal
Description: Thème WordPress administrable inspiré fidèlement de la version 51 : pages Elementor, fiches Lieux, articles Histoire, archives, filtres et champs structurés.
Version: 51.4.91
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: retro-queer-montreal
*/

@import url("assets/css/globals.css");

body.rqm-wp-editable{margin:0;background:#070a0c}
.rqm-wp-page{max-width:1536px;margin:auto;background:#f5efe6;color:#111;padding:56px 40px}
.rqm-wp-page .entry-title{font:400 64px/.95 var(--font-title);text-transform:uppercase;margin:0 0 24px}
.rqm-empty-admin{border:1px dashed #a79d91;padding:28px;background:rgba(255,255,255,.32)}
.rqm-empty-admin a{color:var(--pink);font-weight:800;text-transform:uppercase}
.rqm-term-filter{display:flex;flex-wrap:wrap;gap:0}
.rqm-filter-form{margin-bottom:18px}
.rqm-gallery-carousel{position:relative}
.rqm-carousel-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/3);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth}
.rqm-carousel-track img{scroll-snap-align:start}
.rqm-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border:0;background:#070a0c;color:#fff;width:42px;height:42px;border-radius:50%;cursor:pointer}
.rqm-carousel-arrow.prev{left:-16px}.rqm-carousel-arrow.next{right:-16px}
.rqm-meta-help{font-size:12px;color:#646464;margin:4px 0 10px}
.rqm-meta-grid{display:grid;grid-template-columns:180px 1fr;gap:10px 16px;align-items:start}
.rqm-meta-grid label{font-weight:700}
.rqm-meta-grid input,.rqm-meta-grid select,.rqm-meta-grid textarea{width:100%;max-width:720px}
.rqm-meta-grid textarea{min-height:90px}
.rqm-admin-note{font-size:12px;color:#666}
.main-nav li{list-style:none}
.custom-logo{display:block;max-width:132px;height:auto}
.archive-filter-buttons a{border:1px solid #727a7e;background:transparent;color:#fff;padding:10px 18px;text-transform:uppercase;font-weight:800;font-size:11px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.archive-filter-buttons a.active,.archive-filter-buttons a:hover{background:var(--pink);border-color:var(--pink)}
.archive-filter-grid button{display:block;width:100%;height:100%;border:0;background:transparent;color:inherit;padding:0;text-align:left;cursor:pointer}
.story-detail-copy .accordion-content{padding:0 42px 22px 2px}
.elementor-page{max-width:1536px;margin:auto}
.footer-cookie-settings{border:0;background:transparent;color:inherit;font:inherit;padding:0;text-align:left;cursor:pointer}
.footer-cookie-settings:hover{color:var(--pink)}
.rqm-cookie-popup[hidden],.rqm-cookie-options[hidden],.rqm-cookie-button[hidden]{display:none!important}
.rqm-cookie-popup{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px}
.rqm-cookie-backdrop{position:absolute;inset:0;background:rgba(3,5,6,.74);backdrop-filter:blur(4px)}
.rqm-cookie-panel{position:relative;width:min(680px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#f5efe6;color:#111;border:1px solid #111;padding:30px;box-shadow:0 24px 80px rgba(0,0,0,.48)}
.rqm-cookie-panel:before{content:"";display:block;width:126px;height:3px;background:var(--pink);margin-bottom:18px}
.rqm-cookie-kicker{margin:0 0 4px;color:var(--pink);font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:1.8px}
.rqm-cookie-panel h2{font:400 38px/.95 var(--font-title);text-transform:uppercase;margin:0 0 12px}
.rqm-cookie-panel p{font-size:13px;line-height:1.65;margin:0 0 16px}
.rqm-cookie-options{display:grid;gap:10px;margin:18px 0}
.rqm-cookie-options label{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;border:1px solid #cfc7bd;background:#fffaf2;padding:14px}
.rqm-cookie-options input{margin-top:4px;accent-color:var(--pink)}
.rqm-cookie-options strong{display:block;text-transform:uppercase;font-size:10px;margin-bottom:3px}
.rqm-cookie-options span{font-size:12px}
.rqm-cookie-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:22px}
.rqm-cookie-button{border:1px solid #111;background:transparent;color:#111;min-height:42px;padding:0 18px;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.4px;cursor:pointer}
.rqm-cookie-button:hover{transform:translateY(-1px)}
.rqm-cookie-button.primary{background:var(--pink);border-color:var(--pink);color:#fff}
.rqm-cookie-button.secondary:hover{border-color:var(--pink);color:var(--pink)}
.rqm-cookie-note{margin-top:16px!important;font-size:11px!important}
.rqm-cookie-note a{color:var(--pink);font-weight:800;text-transform:uppercase}
@media(max-width:700px){
  .rqm-wp-page{padding:36px 22px}
  .rqm-wp-page .entry-title{font-size:48px}
  .rqm-carousel-track{grid-auto-columns:82%}
  .rqm-cookie-popup{align-items:end;padding:12px}
  .rqm-cookie-panel{padding:24px 20px;max-height:88vh}
  .rqm-cookie-panel h2{font-size:31px}
  .rqm-cookie-actions{display:grid;grid-template-columns:1fr}
  .rqm-cookie-button{width:100%}
}
