/*
Theme Name: Auré Clés & Serrurerie
Theme URI: https://example.com
Author: Aurélien
Description: Thème sur-mesure pour Auré Clés & Serrurerie — serrurier dépanneur à Albi, 24/7 — one-page, fond sombre et accent orange.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: cles-daure
*/

/* ==========================================================
   Le CSS ci-dessous reprend à l'identique la charte graphique
   (couleurs, typographies, espacements) du site de référence.
   ========================================================== */

  :root{
    --bg:#0a0d13;
    --bg-panel:#12161f;
    --bg-panel-2:#171c27;
    --line:rgba(255,255,255,0.08);
    --line-strong:rgba(255,255,255,0.14);
    --text:#f4f5f7;
    --text-dim:#a1a8b5;
    --text-dimmer:#6b7280;
    --accent:#f5a623;
    --accent-2:#ffc861;
    --accent-dark:#c9820f;
    --on-accent:#1a1206;
    --radius:2px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--bg);
    color:var(--text);
    font-family:'Inter',system-ui,sans-serif;
    font-size:16px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,h4{
    font-family:'Archivo',system-ui,sans-serif;
    margin:0;
    letter-spacing:-0.01em;
  }
  p{margin:0;}
  a{color:inherit;text-decoration:none;}
  ul{margin:0;padding:0;list-style:none;}
  img{max-width:100%;display:block;}
  button{font-family:inherit;cursor:pointer;}
  :focus-visible{outline:2px solid var(--accent-2);outline-offset:3px;}

  /* ---------- Bandeau logo (haut de page) ---------- */
  .site-topbar{padding:22px 0 0;}
  .site-topbar .container{display:flex;align-items:center;}
  .site-logo{display:inline-block;line-height:0;}
  .site-logo img,
  .site-logo .custom-logo{
    height:68px;width:auto;
    display:block;
  }

  /* ---------- Bouton d'appel flottant (visible sur toute la page) ---------- */
  .phone-fab{
    position:fixed;
    right:22px;
    bottom:22px;
    z-index:300;
    width:58px;height:58px;
    border-radius:50%;
    background:linear-gradient(180deg,var(--accent-2),var(--accent));
    color:var(--on-accent);
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 10px 28px -6px rgba(245,166,35,0.65);
    transition:transform .15s ease, box-shadow .15s ease;
  }
  .phone-fab svg{width:24px;height:24px;position:relative;z-index:1;}
  .phone-fab::before{
    content:"";
    position:absolute;inset:-6px;
    border-radius:50%;
    border:2px solid var(--accent);
    opacity:0.55;
    animation:lca-pulse 2.2s ease-out infinite;
  }
  .phone-fab:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 14px 32px -6px rgba(245,166,35,0.75);}
  @keyframes lca-pulse{
    0%{transform:scale(0.9);opacity:0.55;}
    70%{transform:scale(1.35);opacity:0;}
    100%{transform:scale(1.35);opacity:0;}
  }
  @media (prefers-reduced-motion:reduce){
    .phone-fab::before{animation:none;}
  }

  /* ---------- conteneurs génériques ---------- */
  .container{
    max-width:1180px;
    margin:0 auto;
    padding:0 40px;
  }
  section{padding:110px 0;border-bottom:1px solid var(--line);}
  .eyebrow{
    display:flex;align-items:center;gap:10px;
    font-size:12.5px;font-weight:700;letter-spacing:0.14em;
    color:var(--accent);
    margin-bottom:18px;
  }
  .eyebrow::before{
    content:"";width:26px;height:1px;background:var(--accent);
  }
  .section-head{max-width:640px;margin-bottom:56px;}
  .section-head h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;line-height:1.15;color:var(--text);}
  .section-head .lede{margin-top:18px;color:var(--text-dim);font-size:15.5px;max-width:480px;}
  .accent{color:var(--accent);}

  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    padding:15px 26px;
    font-weight:700;font-size:14.5px;
    border:none;border-radius:var(--radius);
    transition:transform .15s ease, box-shadow .15s ease;
  }
  .btn-primary{
    background:linear-gradient(180deg,var(--accent-2),var(--accent));
    color:var(--on-accent);
    box-shadow:0 8px 24px -8px rgba(245,166,35,0.55);
  }
  .btn-primary:hover{transform:translateY(-1px);}
  .btn-ghost{
    color:var(--text);
    border-bottom:1px solid var(--line-strong);
    padding:15px 2px;
  }
  .btn-ghost:hover{border-color:var(--accent);color:var(--accent-2);}
  .btn-block{width:100%;}

  /* ---------- HERO ---------- */
  .hero{
    position:relative;
    min-height:92vh;
    display:flex;align-items:center;
    padding-top:64px;padding-bottom:64px;
    overflow:hidden;
  }
  .hero::before{
    content:"";
    position:absolute;inset:0;
    background:
      radial-gradient(ellipse 60% 55% at 78% 30%, rgba(245,166,35,0.13), transparent 60%),
      linear-gradient(180deg,#0a0d13, #0a0d13 70%, #0d1119);
    z-index:0;
  }
  .hero__grid{
    position:relative;z-index:1;
    display:grid;
    grid-template-columns:1.25fr 0.85fr;
    gap:64px;
    align-items:center;
  }
  .status-pill{
    display:inline-flex;align-items:center;gap:9px;
    padding:7px 14px 7px 8px;
    background:var(--bg-panel);
    border:1px solid var(--line-strong);
    border-radius:20px;
    font-size:12px;font-weight:700;letter-spacing:0.08em;
    color:var(--text-dim);
    margin-bottom:28px;
  }
  .status-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(245,166,35,0.2);}
  .hero h1{
    font-size:clamp(38px,5.6vw,64px);
    font-weight:900;
    line-height:1.03;
    color:var(--text);
  }
  .hero h1 .line2{color:var(--accent);}
  .hero p.desc{
    margin-top:26px;
    color:var(--text-dim);
    font-size:16.5px;
    max-width:480px;
    line-height:1.7;
  }
  .hero__actions{
    margin-top:38px;
    display:flex;align-items:center;gap:30px;flex-wrap:wrap;
  }
  .hero__actions .btn-primary svg{width:16px;height:16px;}

  .hero__card{
    background:var(--bg-panel);
    border:1px solid var(--line);
    border-radius:var(--radius);
    overflow:hidden;
    position:relative;
  }
  .hero__card-media{
    height:210px;
    background:
      linear-gradient(180deg, rgba(10,13,19,0) 30%, rgba(10,13,19,0.95)),
      repeating-linear-gradient(135deg, #23272f 0 2px, #1b1f27 2px 26px);
    position:relative;
    overflow:hidden;
  }
  .hero__card-media img{
    position:absolute;inset:0;
    width:100%;height:100%;
    object-fit:cover;
    z-index:0;
  }
  .hero__card-media .hero__card-tag{z-index:1;}
  .hero__card-tag{
    position:absolute;top:16px;left:16px;
    display:flex;align-items:center;gap:8px;
    font-size:11px;font-weight:700;letter-spacing:0.1em;
    color:var(--accent-2);
    background:rgba(10,13,19,0.7);
    padding:6px 10px;border:1px solid var(--line-strong);
  }
  .hero__card-body{padding:26px 26px 28px;}
  .hero__card-body h3{font-size:24px;font-weight:800;color:var(--text);margin-bottom:6px;}
  .hero__card-body p{color:var(--text-dim);font-size:14.5px;margin-bottom:22px;}
  .hero__card-row{
    display:flex;justify-content:space-between;align-items:flex-start;
    padding-top:18px;border-top:1px solid var(--line);
    font-size:13px;
  }
  .hero__card-row .label{color:var(--text-dimmer);font-weight:600;letter-spacing:0.06em;font-size:11px;margin-bottom:6px;}
  .hero__card-row .value{color:var(--text);font-weight:600;}
  .live{color:var(--accent-2);display:inline-flex;align-items:center;gap:6px;font-weight:700;}
  .live .dot{width:6px;height:6px;border-radius:50%;background:var(--accent-2);}

  /* ---------- SERVICES ---------- */
  .services-top{
    display:flex;justify-content:space-between;align-items:flex-end;
    gap:40px;margin-bottom:56px;flex-wrap:wrap;
  }
  .services-top .section-head{margin-bottom:0;}

  .service-tabs{
    display:flex;gap:8px;margin-bottom:36px;flex-wrap:wrap;
  }
  .service-tab{
    font-family:inherit;font-size:14px;font-weight:700;
    letter-spacing:0.01em;cursor:pointer;
    background:var(--bg-panel);color:var(--text-dim);
    border:1px solid var(--line-strong);
    padding:13px 22px;
    transition:color .15s ease,border-color .15s ease,background .15s ease;
  }
  .service-tab:hover{color:var(--text);}
  .service-tab.is-active{
    color:#0a0d13;background:var(--accent-2);border-color:var(--accent-2);
  }
  .service-panel{display:none;}
  .service-panel.is-active{display:block;}

  .service-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
  }
  .service-card{
    background:var(--bg-panel);
    padding:34px 30px 30px;
    display:flex;flex-direction:column;
    min-height:380px;
  }
  .service-card__icon{
    width:44px;height:44px;
    border:1px solid var(--line-strong);
    display:flex;align-items:center;justify-content:center;
    color:var(--accent);
    margin-bottom:22px;
  }
  .service-card__icon svg{width:20px;height:20px;}
  .service-card h3{font-size:20px;font-weight:700;margin-bottom:10px;}
  .service-card p.desc{color:var(--text-dim);font-size:14px;margin-bottom:18px;line-height:1.65;}
  .service-card__list{margin-bottom:auto;display:flex;flex-direction:column;gap:9px;}
  .service-card__list li{
    display:flex;gap:9px;align-items:flex-start;
    font-size:13.5px;color:var(--text-dim);
  }
  .service-card__list li::before{
    content:"";width:5px;height:5px;background:var(--accent);
    margin-top:7px;flex-shrink:0;
  }
  .service-card__price{
    margin-top:24px;padding-top:20px;border-top:1px solid var(--line);
    display:flex;justify-content:space-between;align-items:flex-end;
  }
  .service-card__price .label{font-size:11px;letter-spacing:0.08em;color:var(--text-dimmer);font-weight:700;margin-bottom:4px;}
  .service-card__price .price{font-size:24px;font-weight:800;color:var(--accent-2);}
  .service-card__price .note{font-size:11.5px;color:var(--text-dimmer);text-align:right;}
  .service-card__included{
    font-size:11.5px;
    line-height:1.5;
    color:var(--text-dimmer);
    border-top:1px solid var(--line);
    margin-top:14px;
    padding-top:12px;
  }
  .service-card__included a{color:var(--accent-2);font-weight:700;text-decoration:underline;}

  .services-banner{
    margin-top:1px;
    background:var(--bg-panel-2);
    border:1px solid var(--line);
    border-top:none;
    padding:24px 32px;
    display:flex;justify-content:space-between;align-items:center;
    gap:20px;flex-wrap:wrap;
  }
  .services-banner p{font-size:14.5px;color:var(--text-dim);}
  .services-banner strong{color:var(--text);}

  /* ---------- AVIS ---------- */
  .avis-top{
    display:flex;justify-content:space-between;align-items:flex-end;
    gap:40px;margin-bottom:44px;flex-wrap:wrap;
  }
  .avis-top .section-head{margin-bottom:0;}
  .avis-score{
    display:flex;align-items:center;gap:14px;
    background:var(--bg-panel);border:1px solid var(--line-strong);
    padding:14px 20px;flex-shrink:0;
  }
  .avis-score .num{font-family:'Archivo',sans-serif;font-size:28px;font-weight:800;color:var(--accent-2);}
  .avis-score .stars{display:flex;gap:3px;color:var(--accent);margin-bottom:4px;}
  .avis-score .stars svg{width:14px;height:14px;}
  .avis-score .count{font-size:12px;color:var(--text-dim);}
  .avis-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
  }
  .avis-card{
    background:var(--bg-panel);
    padding:30px 28px;
    display:flex;flex-direction:column;
  }
  .avis-card .stars{display:flex;gap:3px;color:var(--accent);margin-bottom:16px;}
  .avis-card .stars svg{width:14px;height:14px;}
  .avis-card p.txt{color:var(--text);font-size:14.5px;line-height:1.7;margin-bottom:20px;}
  .avis-card .who{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;}
  .avis-card .who .name{font-weight:700;font-size:13.5px;color:var(--text);}
  .avis-card .who .meta{font-size:12px;color:var(--text-dimmer);}

  /* ---------- TERRITOIRE ---------- */
  .territoire-grid{
    display:grid;
    grid-template-columns:1.05fr 0.95fr;
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
  }
  .map-panel{
    background:
      radial-gradient(circle at 30% 35%, rgba(245,166,35,0.16), transparent 45%),
      radial-gradient(circle at 65% 60%, rgba(245,166,35,0.10), transparent 40%),
      #10141c;
    position:relative;
    min-height:360px;
    display:flex;align-items:center;justify-content:center;
  }
  .map-panel svg{width:80%;max-width:340px;}
  .map-tag{
    position:absolute;top:22px;left:22px;
    display:flex;align-items:center;gap:8px;
    font-size:11px;font-weight:700;letter-spacing:0.08em;
    color:var(--accent-2);
  }
  .map-tag svg{width:13px;height:13px;}
  .pin{fill:var(--accent);}
  .pin-ring{fill:none;stroke:var(--accent);stroke-width:1;opacity:0.35;}
  .pin-label{
    font-family:'Archivo',sans-serif;
    font-size:12px;font-weight:700;
    fill:var(--text);
    paint-order:stroke;
    stroke:var(--bg);stroke-width:4px;
  }

  .territoire-list{background:var(--bg-panel);padding:38px;}
  .territoire-list h3{font-size:22px;font-weight:800;margin-bottom:6px;}
  .territoire-list .sub{color:var(--text-dim);font-size:13.5px;margin-bottom:26px;}
  .commune-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;
  }
  .commune{
    display:flex;align-items:center;gap:10px;
    padding:14px 16px;
    background:var(--bg-panel-2);
    border:1px solid var(--line);
    font-size:14px;font-weight:600;
  }
  .commune svg{width:14px;height:14px;color:var(--accent);flex-shrink:0;}

  /* ---------- POST-EFFRACTION ---------- */
  .post-grid{
    display:grid;grid-template-columns:1.15fr 0.85fr;gap:60px;align-items:start;
  }
  .post-grid h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;line-height:1.15;margin-bottom:22px;}
  .post-grid > div:first-child p.lede{color:var(--text-dim);font-size:15.5px;max-width:480px;margin-bottom:30px;}
  .check-list{display:flex;flex-direction:column;gap:16px;}
  .check-list li{display:flex;gap:14px;align-items:flex-start;font-size:15px;color:var(--text);}
  .check-list .ic{
    width:24px;height:24px;flex-shrink:0;
    background:rgba(245,166,35,0.12);
    color:var(--accent);
    display:flex;align-items:center;justify-content:center;
    margin-top:1px;
  }
  .check-list .ic svg{width:13px;height:13px;}

  .audit-card{
    background:var(--bg-panel);
    border:1px solid var(--line);
    padding:32px;
  }
  .audit-card h3{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;margin-bottom:8px;}
  .audit-card h3 svg{width:17px;height:17px;color:var(--accent);}
  .audit-card p.sub{color:var(--text-dim);font-size:13.5px;margin-bottom:24px;}
  .field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  .field{margin-bottom:16px;}
  .field label{display:block;font-size:11px;font-weight:700;letter-spacing:0.08em;color:var(--text-dimmer);margin-bottom:8px;}
  .field input{
    width:100%;
    background:var(--bg-panel-2);
    border:1px solid var(--line-strong);
    color:var(--text);
    padding:13px 14px;
    font-size:14px;font-family:inherit;
    border-radius:var(--radius);
  }
  .field input::placeholder{color:var(--text-dimmer);}
  .field input:focus{border-color:var(--accent);outline:none;}
  .audit-card .btn-primary{margin-top:6px;}
  .form-msg{
    padding:12px 14px;
    border-radius:var(--radius);
    font-size:13.5px;
    line-height:1.5;
    margin-bottom:18px;
    border:1px solid;
  }
  .form-msg--ok{background:rgba(64,180,90,0.12);border-color:rgba(64,180,90,0.4);color:#8fe3a3;}
  .form-msg--error{background:rgba(220,80,80,0.12);border-color:rgba(220,80,80,0.4);color:#ff9d9d;}

  /* ---------- TRANSPARENCE ---------- */
  .piliers{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
  .pilier{background:var(--bg-panel);padding:34px 30px;}
  .pilier .num{font-size:11px;font-weight:700;letter-spacing:0.1em;color:var(--text-dimmer);margin-bottom:20px;}
  .pilier__icon{width:42px;height:42px;background:rgba(245,166,35,0.12);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
  .pilier__icon svg{width:19px;height:19px;}
  .pilier h3{font-size:18px;font-weight:700;margin-bottom:10px;}
  .pilier p{color:var(--text-dim);font-size:14px;line-height:1.65;}

  /* ---------- FAQ ---------- */
  .faq-grid{display:grid;grid-template-columns:1.3fr 0.7fr;gap:56px;align-items:start;}
  .faq-item{border-bottom:1px solid var(--line);}
  .faq-q{
    width:100%;text-align:left;background:none;border:none;color:var(--text);
    padding:22px 4px;display:flex;justify-content:space-between;align-items:center;
    font-size:15.5px;font-weight:600;gap:20px;
  }
  .faq-q svg{width:16px;height:16px;color:var(--accent);flex-shrink:0;transition:transform .2s ease;}
  .faq-item.is-open .faq-q svg{transform:rotate(180deg);}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;}
  .faq-a p{padding:0 4px 22px;color:var(--text-dim);font-size:14.5px;max-width:520px;line-height:1.7;}

  .faq-cta{
    background:var(--bg-panel);border:1px solid var(--line);padding:32px;
    position:sticky;top:40px;
  }
  .faq-cta h3{font-size:19px;font-weight:800;margin-bottom:10px;}
  .faq-cta p{color:var(--text-dim);font-size:14px;margin-bottom:24px;line-height:1.65;}

  /* ---------- FOOTER ---------- */
  footer{
    background:linear-gradient(120deg,var(--accent-2),var(--accent) 60%);
    color:var(--on-accent);
    padding:70px 0 0;
    border-bottom:none;
  }
  .footer-top{
    display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;
    padding-bottom:46px;border-bottom:1px solid rgba(26,18,6,0.18);
  }
  .footer-brand{display:flex;align-items:center;gap:10px;font-family:'Archivo',sans-serif;font-weight:800;font-size:19px;margin-bottom:8px;}
  .footer-brand svg{width:22px;height:22px;}
  .footer-sub{font-size:12px;font-weight:700;letter-spacing:0.1em;opacity:0.75;margin-bottom:18px;}
  .footer-desc{font-size:14px;max-width:340px;line-height:1.7;opacity:0.85;}
  .footer h4{font-size:12px;font-weight:800;letter-spacing:0.1em;margin-bottom:20px;opacity:0.8;}
  .footer-col a, .footer-col li{display:block;font-size:14px;margin-bottom:12px;opacity:0.9;}
  .footer-col .row{display:flex;gap:10px;align-items:flex-start;}
  .footer-col .row svg{width:14px;height:14px;margin-top:3px;flex-shrink:0;}
  .footer-bottom{
    padding:22px 0;
    display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;
    font-size:12.5px;opacity:0.75;
  }
  .footer-bottom a{border-bottom:1px solid rgba(26,18,6,0.35);}

  /* ---------- Responsive ---------- */
  @media (max-width:980px){
    .hero__grid,.territoire-grid,.post-grid,.faq-grid,.footer-top{grid-template-columns:1fr;}
    .service-grid,.piliers,.avis-grid{grid-template-columns:1fr;}
    .commune-grid{grid-template-columns:1fr;}
    .faq-cta{position:static;}
    .avis-top{align-items:flex-start;}
  }
  @media (max-width:720px){
    section{padding:72px 0;}
    .container{padding:0 22px;}
    .hero{min-height:auto;padding-top:48px;}
    .site-topbar{padding-top:18px;}
    .site-logo img,
    .site-logo .custom-logo{height:50px;}
    .phone-fab{right:16px;bottom:16px;width:52px;height:52px;}
    .phone-fab svg{width:21px;height:21px;}
    .field-row{grid-template-columns:1fr;gap:0;}
  }

/* Alignements WordPress standards */
.alignleft{float:left;margin-right:1.5em;}
.alignright{float:right;margin-left:1.5em;}
.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.screen-reader-text{position:absolute;left:-9999px;}