/*
Theme Name: QRTableSigns
Theme URI: https://qrtablesigns.com/
Description: Thème autonome pour QRTableSigns — plaques QR code personnalisées pour restaurants, cafés, bars et hôtels en France. Page d'accueil en gabarit dédié, aucune barre latérale, aucun dépendance à GeneratePress ni aux colonnes Gutenberg.
Author: QRTableSigns
Author URI: https://qrtablesigns.com/
Version: 4.0.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: qrtablesigns
Tags: custom-menu, featured-images, threaded-comments, translation-ready, woocommerce
*/

/* ============ QRTableSigns v4 — design system from preview-home.html ============ */
*{box-sizing:border-box} body{margin:0}
.qrs{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#16283d;background:#fff;line-height:1.6}
.qrs a{color:inherit;text-decoration:none}
.qrs .wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.qrs header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e3e8ee;z-index:10}
.qrs .head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}
.qrs .logo{font-weight:900;font-size:22px;color:#0b2545;letter-spacing:-.02em}
.qrs .logo span{color:#e9a426}
.qrs nav{display:flex;gap:22px;align-items:center;font-size:15px;font-weight:600}
.qrs nav a:hover{color:#0b2545}
.qrs .btn{display:inline-block;background:#e9a426;color:#0b2545!important;font-weight:800;padding:12px 22px;border-radius:999px;border:2px solid #e9a426}
.qrs .btn:hover{background:#0b2545;color:#fff!important;border-color:#0b2545}
.qrs .btn-o{background:transparent;color:#fff!important;border-color:#fff}
.qrs .btn-o:hover{background:#fff;color:#0b2545!important}
.qrs .hero{background:#0b2545;color:#fff;padding:64px 0 56px}
.qrs .eyebrow{font-size:12px;letter-spacing:.14em;font-weight:800;color:#e9a426;text-transform:uppercase}
.qrs h1{font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.08;letter-spacing:-.02em;margin:14px 0 16px;max-width:760px}
.qrs .lead{font-size:18px;opacity:.92;max-width:680px;margin:0 0 24px}
.qrs .cta-row{display:flex;gap:12px;flex-wrap:wrap}
.qrs .chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.qrs .chip{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600}
.qrs section{padding:56px 0}
.qrs .muted{background:#f6f8fa}
.qrs h2{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.15;color:#0b2545;letter-spacing:-.02em;margin:0 0 10px}
.qrs .sub{color:#5a6b7d;max-width:680px;margin:0 0 28px}
.qrs .grid{display:grid;gap:20px}
.qrs .g3{grid-template-columns:repeat(3,1fr)}
.qrs .g4{grid-template-columns:repeat(4,1fr)}
.qrs .card{background:#fff;border:1px solid #dde3e9;border-radius:18px;padding:24px}
.qrs .card h3{margin:0 0 8px;color:#0b2545;font-size:19px}
.qrs .card p{margin:0 0 14px;color:#5a6b7d}
.qrs .price{font-size:26px;font-weight:900;color:#0b2545}
.qrs .price small{font-size:14px;color:#5a6b7d;font-weight:600}
.qrs .num{font-size:13px;font-weight:900;color:#e9a426;letter-spacing:.08em}
.qrs table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #dde3e9;border-radius:14px;overflow:hidden}
.qrs th{background:#0b2545;color:#fff;text-align:left;padding:13px 16px}
.qrs td{padding:13px 16px;border-top:1px solid #e3e8ee}
.qrs .table-wrap{overflow-x:auto}
.qrs .city{display:flex;gap:10px;flex-wrap:wrap}
.qrs .city span{background:#eef3f7;border-radius:999px;padding:9px 16px;font-weight:700}
.qrs .faq{border:1px solid #dde3e9;border-radius:14px;padding:18px 20px;margin-bottom:12px;background:#fff}
.qrs .faq b{color:#0b2545}
.qrs .final{background:#0b2545;color:#fff;border-radius:20px;padding:44px 32px;text-align:center}
.qrs .final h2{color:#fff}
.qrs .final p{opacity:.9}
.qrs footer{background:#0b2545;color:#fff;padding:36px 0}
.qrs .foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:14px;opacity:.95}
.qrs .foot b{color:#fff}
@media(max-width:900px){.qrs .g3,.qrs .g4{grid-template-columns:1fr 1fr}.qrs .head{flex-wrap:wrap}.qrs nav{flex-wrap:wrap;gap:14px}.qrs section{padding:36px 0}}
@media(max-width:560px){.qrs .g3,.qrs .g4{grid-template-columns:1fr}.qrs .head{flex-wrap:wrap}}

/* ---------- WordPress menu output (wp_nav_menu renders <li>) ---------- */
.qrs nav ul{list-style:none;margin:0;padding:0;display:flex;gap:22px;align-items:center}
.qrs nav li{margin:0}
.qrs nav .qrs-menu-cta a{display:inline-block;background:#e9a426;color:#0b2545!important;font-weight:800;padding:12px 22px;border-radius:999px;border:2px solid #e9a426}
.qrs nav .qrs-menu-cta a:hover{background:#0b2545;color:#fff!important;border-color:#0b2545}
.qrs nav .current-menu-item>a{color:#0b2545}
/* ---------- Interior pages (page.php / index.php) ---------- */
.qrs .qrs-page{padding:48px 0 64px}
.qrs .qrs-page h1{font-size:clamp(1.9rem,3.5vw,2.6rem);line-height:1.15;color:#0b2545;letter-spacing:-.02em;margin:0 0 20px}
.qrs .qrs-page h2{font-size:clamp(1.4rem,2.5vw,1.9rem);line-height:1.2;color:#0b2545;margin:36px 0 12px}
.qrs .qrs-page h3{color:#0b2545;margin:24px 0 8px}
.qrs .qrs-page p{margin:0 0 16px;color:#16283d}
.qrs .qrs-page ul,.qrs .qrs-page ol{margin:0 0 16px;padding-left:22px}
.qrs .qrs-page a{color:#0b2545;text-decoration:underline}
.qrs .qrs-page .wp-block-button__link,.qrs .qrs-page a.btn{text-decoration:none}
/* Interior Gutenberg groups from v1/v2 content, restyled on the v3 grid */
.qrs .qrs-hero{background:#0b2545;color:#fff;border-radius:20px;padding:44px 32px;margin-bottom:32px}
.qrs .qrs-hero h1,.qrs .qrs-hero h2,.qrs .qrs-hero p{color:#fff}
.qrs .qrs-hero .wp-block-button__link{background:#e9a426;color:#0b2545!important;border:2px solid #e9a426}
.qrs .qrs-grid-2,.qrs .qrs-grid-3,.qrs .qrs-grid-4{display:grid;gap:20px;margin:0 0 28px}
.qrs .qrs-grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.qrs .qrs-grid-3,.qrs .qrs-grid-4{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.qrs .qrs-grid-2>*,.qrs .qrs-grid-3>*,.qrs .qrs-grid-4>*{min-width:0}
.qrs .qrs-card{background:#fff;border:1px solid #dde3e9;border-radius:18px;padding:24px}
.qrs .qrs-card h3{margin-top:0}
.qrs .qrs-card p{color:#5a6b7d}
.qrs .qrs-step{background:#fff;border:1px solid #dde3e9;border-top:5px solid #e9a426;border-radius:16px;padding:22px}
.qrs .qrs-step-number{display:inline-block;background:#0b2545;color:#fff;font-weight:900;width:38px;height:38px;line-height:38px;text-align:center;border-radius:50%;margin-bottom:12px}
.qrs .qrs-trust{background:#f6f8fa;border:1px solid #dde3e9;border-radius:14px;padding:20px 24px;margin-bottom:28px}
.qrs .qrs-pricing table,.qrs .qrs-page table{width:100%;border-collapse:collapse;background:#fff}
.qrs .qrs-pricing th,.qrs .qrs-page th{background:#0b2545;color:#fff;text-align:left;padding:13px 16px}
.qrs .qrs-pricing td,.qrs .qrs-page td{padding:13px 16px;border-top:1px solid #e3e8ee}
.qrs .qrs-cta{background:#0b2545;color:#fff;border-radius:20px;padding:44px 32px;text-align:center}
.qrs .qrs-cta h2,.qrs .qrs-cta p{color:#fff}
.qrs .qrs-faq details{border:1px solid #dde3e9;border-radius:14px;padding:18px 20px;margin-bottom:12px;background:#fff}
.qrs .qrs-faq summary{font-weight:700;color:#0b2545;cursor:pointer}
.qrs .wp-block-table{overflow-x:auto}
.qrs .wp-block-table table{min-width:560px}
.qrs .wp-block-button__link{background:#e9a426;color:#0b2545!important;font-weight:800;padding:12px 22px;border-radius:999px;border:2px solid #e9a426;text-decoration:none}
.qrs .wp-block-button__link:hover{background:#0b2545;color:#fff!important;border-color:#0b2545}
@media(max-width:600px){.qrs .qrs-grid-2,.qrs .qrs-grid-3,.qrs .qrs-grid-4{grid-template-columns:1fr}.qrs .qrs-page{padding:32px 0 48px}}
/* ---------- WooCommerce basics (same palette, no sidebar) ---------- */
.qrs .woocommerce ul.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.qrs .woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;border:1px solid #dde3e9;border-radius:18px;padding:20px;text-align:left}
.qrs .woocommerce ul.products li.product .price{color:#0b2545;font-weight:900;font-size:20px}
.qrs .woocommerce a.button,.qrs .woocommerce button.button,.qrs .woocommerce input.button{background:#e9a426;color:#0b2545;border-radius:999px;font-weight:800;padding:12px 22px}
.qrs .woocommerce a.button:hover,.qrs .woocommerce button.button:hover{background:#0b2545;color:#fff}
.qrs .woocommerce div.product .price{color:#0b2545;font-weight:900;font-size:26px}

/* ---------- v4: logo, footer grid, full-width CTA, mail buttons ---------- */
.qrs .logo-link{display:flex;align-items:center;gap:10px}
.qrs .logo-mark{width:38px;height:38px;background:#0b2545;border-radius:9px;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px;flex-shrink:0}
.qrs .logo-mark .qr-dot{background:#e9a426;border-radius:2px}
.qrs .logo-mark .qr-dot:nth-child(4){background:#fff}
.qrs .logo-text small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5a6b7d}
.qrs .head-phone{font-weight:800;color:#0b2545;white-space:nowrap;border:2px solid #e9a426;border-radius:999px;padding:8px 16px;font-size:14px}
.qrs .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;max-width:1120px;margin:0 auto;padding:0 24px}
.qrs .foot-col ul{list-style:none;margin:12px 0 0;padding:0}
.qrs .foot-col li{margin:0 0 8px}
.qrs .foot-col a{text-decoration:underline}
.qrs .foot-logo{font-weight:900;font-size:22px}
.qrs .foot-logo span{color:#e9a426}
.qrs .foot-bottom{border-top:1px solid rgba(255,255,255,.25);margin-top:28px;padding-top:18px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}
.qrs .qrs-mail-btn{display:inline-block;background:#e9a426;color:#0b2545!important;font-weight:800;padding:10px 20px;border-radius:999px;text-decoration:none!important;margin:6px 6px 0 0}
.qrs .qrs-mail-btn-alt{background:transparent;color:#fff!important;border:2px solid #fff}
.qrs .qrs-page .qrs-mail-btn-alt{color:#0b2545!important;border-color:#0b2545}
/* Full-width CTA, both sides, no white margins — like the hero */
.qrs section.cta-full{background:#0b2545;color:#fff;padding:56px 24px;margin:0}
.qrs .final-full{max-width:860px;margin:0 auto;text-align:center}
.qrs .final-full h2{color:#fff}
.qrs .qrs-page .qrs-cta{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;max-width:100vw;border-radius:0;padding:48px 24px}
.qrs .qrs-page .qrs-cta .qrs-mail-btn-alt{color:#fff!important;border-color:#fff}
@media(max-width:900px){.qrs .foot-grid{grid-template-columns:1fr 1fr}.qrs .head-phone{display:none}}
@media(max-width:560px){.qrs .foot-grid{grid-template-columns:1fr}}