/*
Theme Name: Sammeca
Theme URI: https://sammeca.fr
Author: CLEATIS
Author URI: https://cleatis.fr
Description: Thème blocs sur mesure pour Sammeca, maintenance mécanique et tuyauterie. Charte anthracite et orange #F36F21.
Version: 1.0.3
Requires at least: 6.6
Requires PHP: 7.4
License: Propriétaire
Text Domain: sammeca
*/

/* Liens sur fonds sombres */
.has-ink-background-color a:not(.wp-element-button),.has-ink-2-background-color a:not(.wp-element-button){color:inherit}
.has-ink-background-color a:not(.wp-element-button):hover,.has-ink-2-background-color a:not(.wp-element-button):hover{color:var(--wp--preset--color--orange-light)}

/* Petites majuscules techniques (sur-titres, index, étiquettes) */
.is-style-eyebrow{font-family:var(--wp--preset--font-family--mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--wp--preset--color--orange-dark)}
.has-ink-background-color .is-style-eyebrow,.has-ink-2-background-color .is-style-eyebrow,.wp-block-cover.is-dark .is-style-eyebrow{color:var(--wp--preset--color--orange-light)}
.is-style-eyebrow::before{content:"";display:inline-block;width:28px;height:2px;margin-right:12px;vertical-align:middle;background:var(--wp--preset--color--orange)}
.sm-mono{font-family:var(--wp--preset--font-family--mono)}

/* Flèche sur les boutons (sauf appel téléphonique) */
.wp-element-button:not([href^="tel:"])::after{content:"";display:inline-block;width:18px;height:18px;margin-left:10px;vertical-align:-4px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") no-repeat center/contain}
.wp-block-button.is-style-outline .wp-element-button{border-width:1px}
.has-ink-background-color .is-style-outline .wp-element-button,.wp-block-cover.is-dark .is-style-outline .wp-element-button{color:#fff;border-color:var(--wp--preset--color--steel)}

/* Pastilles */
.sm-pills{margin-top:32px}
p.is-style-pill{margin:0;padding:7px 14px;border-radius:999px;font-size:14px;font-weight:600;line-height:1.2;background:#252A31;color:#fff}
.wp-block-cover.is-dark p.is-style-pill:not(.has-background){background:rgba(255,255,255,.08)}
p.is-style-pill.has-orange-pale-background-color{box-shadow:inset 0 0 0 1px var(--wp--preset--color--orange-light)}

/* Repères (bloc entreprise) */
.sm-facts{margin-top:32px;padding-top:24px;border-top:2px solid var(--wp--preset--color--ink-2)}
.sm-facts h3{margin:0}
.sm-facts p{margin-top:4px}

/* En-tête */
.sm-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--wp--preset--color--line)}
.admin-bar .sm-header{top:32px}
.sm-baseline{border-left:1px solid var(--wp--preset--color--line);padding-left:14px;line-height:1.45!important}
.sm-phone a{text-decoration:none;white-space:nowrap}

/* Cartes services */
.is-style-card{border:1px solid var(--wp--preset--color--line);border-radius:4px;transition:border-color .14s,box-shadow .2s,transform .2s}
.is-style-card:hover{border-color:var(--wp--preset--color--ink);box-shadow:0 4px 12px rgba(20,23,27,.10);transform:translateY(-2px)}
.is-style-card .wp-block-image img{width:26px;height:26px}

/* Photos avec légende incrustée */
.is-style-photo-tag{position:relative;margin:0}
.is-style-photo-tag img{aspect-ratio:4/3;object-fit:cover;width:100%}
.is-style-photo-tag figcaption{position:absolute;inset:auto 0 0 0;margin:0;padding:48px 16px 14px;background:linear-gradient(to top,rgba(20,23,27,.88),rgba(20,23,27,0));color:#fff;font-family:var(--wp--preset--font-family--mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-align:left}

/* Logos clients */
.sm-logos>.wp-block-image{flex:0 0 150px;margin:0!important;display:flex;align-items:center;justify-content:center;height:100px;box-sizing:border-box;padding:14px;background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:4px}
.sm-logos img{max-width:100%;max-height:72px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .2s,opacity .2s}
.sm-logos>.wp-block-image:hover img{filter:none;opacity:1}
@media (max-width:600px){.sm-logos>.wp-block-image{flex-basis:calc(50% - 8px)}}

/* Accordéon FAQ */
.wp-block-details summary{font-weight:600;color:var(--wp--preset--color--ink);cursor:pointer}
.wp-block-details summary::marker{color:var(--wp--preset--color--orange)}

/* Formulaires */
.sm-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.sm-form .sm-full{grid-column:1/-1}
.sm-form label{display:block;font-size:14px;font-weight:600;color:var(--wp--preset--color--ink);margin-bottom:6px}
.sm-form input,.sm-form select,.sm-form textarea{width:100%;box-sizing:border-box;padding:11px 12px;font:inherit;font-size:15px;border:1px solid #C3C9D0;border-radius:2px;background:#fff;color:var(--wp--preset--color--ink)}
.sm-form input:focus,.sm-form select:focus,.sm-form textarea:focus{outline:2px solid var(--wp--preset--color--orange);outline-offset:1px;border-color:var(--wp--preset--color--orange)}
.sm-form .sm-check{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.sm-form .sm-check input{width:auto;margin-top:4px}
.sm-form button{padding:14px 22px;border:0;border-radius:2px;background:var(--wp--preset--color--orange);color:var(--wp--preset--color--ink);font:inherit;font-weight:600;cursor:pointer;width:100%}
.sm-form button:hover{background:var(--wp--preset--color--orange-light)}
.sm-hp{position:absolute!important;left:-9999px!important}
.sm-notice{padding:16px 20px;border-radius:4px;background:#DCF0E4;color:#1E7A46;font-weight:600}
.sm-notice.is-error{background:#F7DCDE;color:#A31E25}

@media (max-width:781px){
  .sm-baseline,.sm-header-cta .wp-block-buttons{display:none}
  .sm-form{grid-template-columns:1fr}
  .admin-bar .sm-header{top:0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}