/* Header layout is maintained centrally in child template index.php. */
/* Menu interaction styles; no duplicate logo/header dimensions. */
body header.container-header{overflow:visible!important;z-index:100!important}
body header.container-header .mm-toggler-link{border:0!important;box-shadow:none!important;color:#fff!important}
body header.container-header .mod-menu>li>a:hover,
body header.container-header .mod-menu>li.active>a{color:#f14a3c!important}
body header.container-header a:focus-visible,
body header.container-header button:focus-visible{outline:2px solid #fff!important;outline-offset:3px!important}
body header.container-header .mod-menu>li>ul{z-index:101!important;background:#101316!important;border:1px solid #30363b!important;box-shadow:0 12px 25px #0007!important;min-width:190px!important;padding:8px 0!important}
body header.container-header .mod-menu>li>ul a{color:#fff!important;text-decoration:none!important;padding:12px 18px!important;line-height:1.4!important}
body header.container-header .mod-menu>li>ul a:hover,
body header.container-header .mod-menu>li>ul a:focus-visible{background:#a9241b!important;color:#fff!important}
:root{--cassiopeia-color-primary:#07090b;--cassiopeia-color-link:#e30613;--cassiopeia-color-hover:#ff2a34}
html,body{background:#07090b;color:#f5f5f5;overflow-x:hidden}
body.wrapper-fluid .site-grid{grid-template-columns:minmax(0,1fr)}
.site-grid{display:grid;grid-template-areas:"comp";grid-template-columns:minmax(0,1fr);gap:0}
.grid-child.container-component{grid-area:comp;max-width:none;width:100%;padding:0}
main{max-width:none!important;margin:0!important;padding:0!important}
.com-sppagebuilder .page-header,.com-sppagebuilder .page-header h1,.container-breadcrumbs{display:none!important}
.com-sppagebuilder .sppb-row-container,.com-sppagebuilder .sppb-container{max-width:none!important;width:100%!important;padding:0!important}
.com-sppagebuilder .sppb-section{margin:0!important}
.footer{background:#050607;color:#aaa;border-top:1px solid #2d3135;margin-top:0}
.footer .grid-child{max-width:1180px;width:92%}
body .site-grid{display:block!important;grid-template-columns:none!important;grid-template-areas:none!important}
body .grid-child.container-component{display:block!important;width:100%!important;max-width:none!important}
body .pl-shell{width:100%!important;margin-left:0!important}
.com-sppagebuilder .sppb-row{margin-left:0!important;margin-right:0!important}
.com-sppagebuilder .sppb-row-column{padding-left:0!important;padding-right:0!important}
.site-grid,.container-component,main,#sp-page-builder,.page-content,.sppb-section,.sppb-row-container,.sppb-row{max-width:100vw!important;overflow-x:clip}


/* Harmonisation des rouges avec le logo officiel */
:root{
  --cassiopeia-color-link:#c72a32!important;
  --cassiopeia-color-hover:#e13a42!important;
}
html body .pl-shell{--red:#c72a32!important}
html body .pl-kicker,
html body .pl-hero h1 span,
html body .pl-section-head>span,
html body .pl-title em,
html body .pl-promo h2 em,
html body .pl-contact-card h3 em{color:#c72a32!important}
html body .pl-btn{background:#c72a32!important}
html body .pl-btn:hover,
html body .pl-btn:focus{background:#9f2025!important}
html body .pl-proof{
  background:linear-gradient(90deg,#c72a32 0%,#b5252c 52%,#9f2025 100%)!important;
  border-color:#c72a32!important;
}
html body .pl-card:before,
html body .pl-checks li:before{background:#c72a32!important}
html body .pl-promo{border-color:#c72a32!important}
html body .pl-foot{border-color:#5b191d!important}


/* Palette rouge fidèle à la maquette : distincte du logo */
:root{
  --cassiopeia-color-link:#e30613!important;
  --cassiopeia-color-hover:#ff2a34!important;
}
html body .pl-shell{--red:#e30613!important}
html body .pl-kicker,
html body .pl-hero h1 span,
html body .pl-section-head>span,
html body .pl-title em,
html body .pl-promo h2 em,
html body .pl-contact-card h3 em{color:#e30613!important}
html body .pl-btn{background:#e30613!important}
html body .pl-btn:hover,
html body .pl-btn:focus{background:#b9000b!important}
html body .pl-proof{
  background:linear-gradient(90deg,#e30613 0%,#c0000b 48%,#760006 100%)!important;
  border-color:#e30613!important;
}
html body .pl-card:before,
html body .pl-checks li:before{background:#e30613!important}
html body .pl-promo{border-color:#e30613!important}
html body .pl-foot{border-color:#561014!important}

/* Shared native SP Page Builder phone module 113. */

.pl-header-phone-content{box-sizing:border-box!important;margin:0!important;padding:0!important;background:linear-gradient(135deg,#98231a,#500505)!important;color:#fff!important;min-height:112px;display:flex;align-items:center;justify-content:center}
.pl-header-phone-content .sppb-row-container{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
.pl-header-phone-content .sppb-row{margin:0!important}
.pl-header-phone-content .sppb-row-column{padding:0!important;width:100%!important}
.pl-header-phone-content .sppb-addon-wrapper,.pl-header-phone-content .sppb-addon,.pl-header-phone-content p{margin:0!important;padding:0!important}
.pl-header-phone-content .sppb-column-addons{padding:12px!important;text-align:center!important}
.pl-header-phone-content .sppb-button-wrapper{text-align:center!important}
.pl-header-phone-content .sppb-btn{display:inline-flex!important;gap:12px!important;align-items:center!important;justify-content:center!important;padding:4px 0!important;margin:0!important;min-height:44px!important;border:0!important;background:none!important;color:#fff!important;font:800 22px/1.25 Arial,Helvetica,sans-serif!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:none!important}
.pl-header-phone-content .sppb-btn::before{content:'';display:block;flex:0 0 30px;width:30px;height:30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13 1 .37 1.96.7 2.88a2 2 0 0 1-.45 2.11L8.09 9.98a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.92.33 1.88.57 2.88.7A2 2 0 0 1 22 16.92zM15 2a7 7 0 0 1 7 7M15 6a3 3 0 0 1 3 3'/%3E%3C/svg%3E") center/contain no-repeat}
.pl-header-phone-content .pl-header-phone-slogan p{color:#fff!important;font:700 12px/1.3 Arial,Helvetica,sans-serif!important;text-align:center!important;padding-top:6px!important;white-space:normal!important}
.pl-header-phone-content a:focus-visible{outline:2px solid white!important;outline-offset:3px!important}
body header.container-header:has(.pl-header-phone-content)::before,body header.container-header:has(.pl-header-phone-content)::after{display:none!important;content:none!important}
body header.container-header .container-nav{position:static!important}
body header.container-header .container-search:has(.pl-header-phone-content){position:absolute!important;top:0!important;right:0!important;margin:0!important;padding:0!important;width:var(--pl-call)!important;height:var(--pl-h)!important;z-index:2!important}
body header.container-header .pl-header-phone-content{min-height:var(--pl-h)!important;height:var(--pl-h)!important}
@media(min-width:1200px) and (max-width:1499.98px){body header.container-header .pl-header-phone-content .sppb-btn{font-size:19px!important;gap:9px!important}body header.container-header .pl-header-phone-content .pl-header-phone-slogan p{font-size:11px!important}}
@media(max-width:1199.98px){body header.container-header .container-search:has(.pl-header-phone-content){display:none!important}}
/* Pneus SL — combinés et ondes des deux succursales, 2026-09-14. */
html body .pl-home-branch-phone a[href^="tel:"]::before {
  content: "" !important;
  display: inline-block;
  width: 1.18em;
  height: 1.18em;
  margin-right: 10px;
  vertical-align: -0.22em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23c72c21' d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02z'/%3E%3Cpath fill='none' stroke='%23c72c21' stroke-width='1.6' stroke-linecap='round' d='M14 2a8 8 0 0 1 8 8M14 6a4 4 0 0 1 4 4'/%3E%3C/svg%3E") center / contain no-repeat;
}