/* ============ GLOBALS (alter-globals) ============
 * Globals legacy migrés depuis assets/css/custom.css (2026-05-31, durcissement
 * cache-bust, suite 7c5513f50). custom.css était auto-enregistré par le core PS
 * (FrontController::setMedia -> id `theme-custom`, priority 1000) SANS clé
 * `version`, donc jamais busté (?v= absent) -> invisible aux visiteurs cachés
 * (cache navigateur / CDN Hostinger ~7j). Déclaré désormais dans config/theme.yml
 * (id: alter-globals, priority 1000 identique, version: *assets_v) -> ?v= propagé
 * comme les autres assets thème. Termine la migration Lot 8a-8e.
 *
 * @font-face extraites vers alter-fonts.css au Lot 5a-extract (priority 40).
 */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    letter-spacing: .05rem
}

.btn {
    letter-spacing: 1px
}

body {
    font-family: 'Brockmann', sans-serif;
}

.align-items-center {
    align-items: center;
    display: flex
}
.ps-alert-success .item, .ps-alert-success .item i svg,.ps-alert-success .item p{background-color: var(--as-success);color:var(--as-grey-900)}
.ps-alert-success .item, .ps-alert-success .item i{border-color:var(--as-success)}
#content > .ps-alert-success > li > i > svg > path{fill:var(--as-grey-900)}
.alert{border-radius: 8px}
.alert-success,.alert-info{background-color: var(--as-success);color:var(--as-grey-900);border:none;margin-bottom: 0;padding: 16px}
.container {
    width: 100%;
    max-width: 100%;
}

@media (min-width: 992px) {
    .header-nav {
        display: flex;
        align-items: center;
    }
}

@media (min-width: 1200px) {
    .container {
        margin: 0;
    }
}


/* ============ HTML ELEMENTS ============ */
p {
    color: var(--as-black)
}

img {
    max-width: 100%
}

.mr-30 {
    margin-right: 30px
}

.mr-15 {
    margin-right: 15px
}

.semi-bold p, .semi-bold a {
    font-weight: 600;
    font-size: 12px
}

.text-underline {
    text-decoration: underline;
}



/* HEADER + SEARCH migrated to alter-header.css (Lot 8d). */

/* PRODUCT LISTING migrated to alter-product.css (Lot 8c). */
/* FOOTER rules migrated to alter-footer.css (Lot 8b). */
/* BREADCRUMB rules migrated to alter-product.css (Lot 8a). */
/* LISTING AREP rules migrated to alter-product.css (Lot 8a, after BRC-002 Lot 7-3). */

/* CMS PAGES (#contact + #cms + .psgdprinfo17) migrated to alter-cms.css (Lot 8e). */
/* GRID PRODUITS RESPONSIVE migrated to alter-product.css (Lot 8c). */

@media (min-width: 992px) {
    #cart .remove-from-cart{float: right}
    .hidden-desktop{display: none}
}
@media(max-width: 475px){
    .remove-from-cart{    float: left;
        margin-top: 16px;}
}
.remove-from-cart{ margin-top: 8px;margin-left: 16px;display: inline-block  }

#index #wrapper, #index #content-wrapper {
    padding: 0
}



/* ============================================================
   Link color override — classic theme default is #24b9d7 (cyan)
   Charte AlterSmoke : liens en --as-amaranth + underline.
   Scoped to custom modules + sidebar rea-btn (don't break theme).
   ============================================================ */
.agr-myreviews-page a:not(.btn):not(.agr-link):not(.agr-mycard-title):not([class*="agr-rating"]),
.agr-product-tab a:not(.btn):not(.agr-link):not([class*="agr-rating"]),
.agr-reviews-page a:not(.btn):not(.agr-link):not([class*="agr-rating"]),
.agr-home-block a:not(.btn):not(.agr-link):not([class*="agr-rating"]):not(.agr-home-product-image):not(.agr-home-product-name):not(.agr-home-manufacturer),
.atq a:not(.btn):not(.atq-link):not(.atq-btn-ask):not(.atq-mycard-media):not(.atq-mycard-title),
.atq-account a:not(.btn):not(.atq-link):not(.atq-mycard-media):not(.atq-mycard-title),
.atq-my-page a:not(.btn):not(.atq-link):not(.atq-mycard-media):not(.atq-mycard-title),
.atq-faq a:not(.btn):not(.atq-link):not(.atq-faq-cat):not(.atq-faq-result-link) {
    color: var(--as-amaranth);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    transition: color var(--as-transition-fast, 150ms) var(--as-ease-out, ease-out);
}

/* Hook avis (tu adaptes selon ton module) */
.am-topbar__center .agr-banner-avis,
.am-topbar__center .banner-avis {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}

.agr-myreviews-page a:not(.btn):not(.agr-link):hover,
.agr-product-tab a:not(.btn):not(.agr-link):hover,
.agr-reviews-page a:not(.btn):not(.agr-link):hover,
.agr-home-block a:not(.btn):not(.agr-link):hover,
.atq a:not(.btn):not(.atq-link):hover,
.atq-account a:not(.btn):not(.atq-link):hover,
.atq-my-page a:not(.btn):not(.atq-link):hover,
.atq-faq a:not(.btn):not(.atq-link):hover {
    color: var(--as-amaranth-hover, var(--as-amaranth));
    text-decoration-thickness: 2px;
}

/* AGR submit buttons — classic theme .btn-primary defaults to cyan;
   scope-override to brand amaranth within AGR form contexts. */
.agr-product-review-form-wrapper .btn.btn-primary,
.agr-product-review-form .btn.btn-primary,
.agr-site-review-page .agr-review-form-footer .btn.btn-primary,
.agr-order-review-actions .btn.btn-primary {
    background-color: var(--as-amaranth);
    border-color: var(--as-amaranth);
    color: var(--as-white);
}

.agr-product-review-form-wrapper .btn.btn-primary:hover,
.agr-product-review-form .btn.btn-primary:hover,
.agr-site-review-page .agr-review-form-footer .btn.btn-primary:hover,
.agr-order-review-actions .btn.btn-primary:hover {
    background-color: var(--as-amaranth-hover, var(--as-amaranth));
    border-color: var(--as-amaranth-hover, var(--as-amaranth));
}