/*
Theme Name: Ets.Soures - Sécurité Incendie
Theme URI: https://www.ets-soures.fr/
Author: Ets.Soures
Description: Thème WordPress vitrine inspiré du flyer Ets.Soures, compatible avec WPTiger/o2switch.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: ets-soures
*/
@import url('assets/base.css');
:root{--red:#c90000;--red2:#8f0000;--black:#0d0e10;--dark:#17181b;--grey:#686b72;--light:#f4f4f4;--white:#fff;--gold:#f3c23c;--max:1180px}
.admin-edit-note{background:#fff4f4;border-left:4px solid var(--red);padding:12px 16px;margin:20px auto;max-width:var(--max)}
.wp-content img{max-width:100%;height:auto}.wp-content a{color:var(--red);font-weight:700}.small-note{font-size:13px!important;color:#777!important}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quote-form input,.quote-form textarea,.quote-form select{width:100%;padding:13px;border:1px solid #ddd;border-radius:5px;font:inherit;margin:6px 0 14px}.quote-form textarea{min-height:160px}.quote-form label{font-weight:700}.quote-success{padding:18px;background:#effaf0;border-left:4px solid #2c8a3e;margin-bottom:20px}.quote-error{padding:18px;background:#fff0f0;border-left:4px solid var(--red);margin-bottom:20px}
@media(max-width:600px){.form-row{grid-template-columns:1fr}}

.quote-form{margin-top:20px}.quote-form label{display:block;font-weight:800;margin:10px 0 6px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #ddd;border-radius:5px;padding:12px;font:inherit;background:#fff}.quote-form textarea{min-height:180px;resize:vertical}.quote-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote-form .btn{margin-top:16px;border:0;cursor:pointer}.quote-success{background:#eaf8ee;border-left:4px solid #22964a;padding:15px;margin:0 0 18px}.quote-error{background:#fff0f0;border-left:4px solid #c90000;padding:15px;margin:0 0 18px}.quote-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.btn-outline-dark{display:inline-block;border:1px solid #222;color:#222;padding:10px 15px;border-radius:5px;font-weight:800}.btn-outline-dark:hover{background:#222;color:#fff}@media(max-width:600px){.quote-form .form-row{grid-template-columns:1fr}}

.gallery-empty{padding:40px;text-align:center;background:#f7f7f7;border-radius:8px;color:#555}.gallery-placeholder{padding:25px;background:#f7f7f7;border-radius:8px;color:#555}
/* V8 */
.site-header{position:relative;overflow:hidden}
.site-header .nav{position:relative;z-index:1}
.hero{position:relative;overflow:hidden}
.hero-content{position:relative;z-index:2}
.service-photo-card{overflow:hidden;padding:0;display:flex;flex-direction:column}
.service-photo{display:block;height:190px;background:#17181b;overflow:hidden}
.service-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.service-photo:hover img{transform:scale(1.04)}
.service-photo-fallback{height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:24px;background:linear-gradient(135deg,#15171a,#8f0000)}
.service-card-body{padding:20px}
.references-section{background:#f7f7f7}
.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.reference-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:22px;text-align:center;box-shadow:0 8px 25px rgba(0,0,0,.04)}
.reference-logo{height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.reference-logo img{max-width:220px;max-height:135px;object-fit:contain}
.reference-logo-text{font-size:24px;font-weight:900;color:#333}
.reference-card h3{margin:5px 0 8px}.reference-card p{color:#666}.reference-card a{color:var(--red);font-weight:800}
@media(max-width:800px){.reference-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.reference-grid{grid-template-columns:1fr}.service-photo{height:180px}}

.reference-detail-logo{max-width:100%;max-height:180px;object-fit:contain;margin-bottom:20px}.brand-logo{display:none!important}

/* V9: single transparent logo watermark */
.hero-content{position:relative;z-index:2}

.service-photo{height:150px;overflow:hidden;border-radius:10px 10px 0 0;background:#222}
.service-photo img{width:100%;height:100%;object-fit:cover;display:block}

/* V10: one single transparent company watermark in the hero only */
.hero-logo-watermark{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:min(38vw,560px);opacity:.13;pointer-events:none;z-index:1}
.hero-logo-watermark+ .container{position:relative;z-index:2}
@media(max-width:800px){.hero-logo-watermark{right:4%;top:22%;width:280px;opacity:.09}}