/**
 * Copyright since 2007 Pliciweb Solutions
 *
 * @author    Pliciweb Solutions <contact@pliciweb.com>
 * @copyright Since 2007 Pliciweb Solutions
 * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
 *
 * Bloc "Votre projet sur-mesure" — version MOBILE uniquement (image en haut,
 * panneau orange en dessous), à placer manuellement dans le menu.
 * Bloc autonome : aucune dépendance à blocks.bundle.css (valeurs en dur).
 */
.sob-projet-menu,
.sob-projet-menu * {
    box-sizing: border-box;
}

.sob-projet-menu {
    padding: 0 16px;
    font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    line-height: 1.5;
}

.sob-projet-menu__inner {
    display: grid;
    grid-template-columns: 1fr;
    /* border-radius: 8px; */
    overflow: hidden;
    max-width: 1258px;
    margin: 0 auto;
}

.sob-projet-menu__media {
    height: 160px;
    background: center / cover no-repeat;
    background-color: rgb(234, 234, 234);
}

.sob-projet-menu__panel {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 20px;
    background: rgb(225, 66, 16);
    color: rgb(255, 255, 255);
}

.sob-projet-menu__eyebrow {
    display: flex;
    align-items: center;
    gap: 16px;
}

.sob-projet-menu__eyebrow-icon {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    color: rgb(255, 255, 255);
    display: inline-flex;
}

.sob-projet-menu__eyebrow-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

.sob-projet-menu__eyebrow-text {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0.14px;
    color: rgb(255, 255, 255);
}

.sob-projet-menu__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 14px 24px;
    background: rgb(255, 255, 255);
    color: rgb(225, 66, 16);
    font-family: inherit;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 4px;
    transition: background .15s ease, color .15s ease;
}

.sob-projet-menu__cta:hover {
    background: rgb(253, 236, 231);
    color: rgb(225, 66, 16);
}