/*
Theme Name: AMD Starter Theme
Author: AMD Creation
Author URI:  https://www.amd-creation.com
Description: Starter theme sur mesure de l'agence AMD Creation
Version: 2.7.0
Template: salient
*/


/* ==========================================================================
   VARIABLES & TOKENS
   ========================================================================== */

:root {
    --color-brand:   #dbaf02;
    --color-black:   #000000;
    --color-white:   #ffffff;
}


/* ==========================================================================
   TYPOGRAPHIE
   ========================================================================== */

/* Sous-titre des sections */
.amd-hashtag-above-title {
    margin-bottom: 10px !important;
    font-size: 14px !important;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--color-brand) !important;
}

/* Titre principal H1 */
.amd-main-h1 h1 {
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.3;
}

/* Baseline principale */
.amd-main-baseline {
    font-size: clamp(1rem, 2vw, 1.2rem);
    line-height: 1.3;
    font-weight: 500;
}


/* ==========================================================================
   LAYOUT & NAVIGATION
   ========================================================================== */

/* Page Header */
.amd-page-header-desc {
    max-width: 80ch;
}

/* Breadcrumb */
.amd-breadcrumb {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 3px;
}

.amd-breadcrumb--active {
    color: rgba(255, 255, 255, 0.7);
}

/* Supprimer les liens soulignés par défaut */
#search-results .result .title a,
.nectar-ajax-search-results .search-post-item h5,
.nectar-category-grid[data-style="mouse_follow_image"] .nectar-category-grid-item .cat-heading,
.nectar-link-underline a span,
.nectar-link-underline-effect a,
.nectar-underline h1,
.nectar-underline h2,
.nectar-underline h3,
.nectar-underline h4,
.nectar-underline h5,
.pum-theme-salient-page-builder-optimized .pum-container .pum-content + .pum-close span {
    background: none;
}


/* ==========================================================================
   COMPOSANTS
   ========================================================================== */

/* Boutons */
.nectar-button.large {
    font-size: inherit;
}

/* Milestones */
body .nectar-milestone .subject {
    letter-spacing: 0 !important;
}

/* Blog post grid — titres centrés */
.amd-blog-post-loop .nectar-post-grid .nectar-post-grid-item .content .post-heading {
    max-width: 100%;
}

/* Blog — badge catégorie */
.nectar-post-grid .meta-category > a {
    background: var(--color-brand);
    padding: 5px 15px;
    border-radius: 5%;
    color: var(--color-white) !important;
}

/* Archive projets — taille du titre */
body.archive.tax-project-type #portfolio .work-meta .title {
    font-size: 24px;
    line-height: 34px;
}


/* ==========================================================================
   FORMULAIRES
   ========================================================================== */

.amd-contact-form-2 label {
    font-size: 14px !important;
    font-weight: bold !important;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.amd-contact-form-2 input[type="text"],
.amd-contact-form-2 input[type="email"],
.amd-contact-form-2 input[type="tel"],
.amd-contact-form-2 input[type="date"],
.amd-contact-form-2 select,
.amd-contact-form-2 textarea {
    background-color: var(--color-white) !important;
}

.amd-contact-form-2 label span.wpcf7-list-item-label {
    color: var(--color-white) !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    font-weight: 400 !important;
}

.amd-contact-form-2 input[type="submit"] {
    background-color: var(--color-black) !important;
    color: var(--color-white) !important;
}

.amd-contact-form-2 .wpcf7-response-output {
    color: var(--color-black);
}


/* ==========================================================================
   FOOTER
   ========================================================================== */

.amd-footer-keywords {
    font-size: 15px;
    line-height: 22px;
    margin-right: 15%;
}

@media only screen and (min-width: 691px) {
    #copyright .col.span_5,
    #copyright .col.span_7 {
        width: 49%;
        margin-right: 2%;
    }

    #copyright .col.span_7.col_last {
        margin-right: 0;
    }
}


/* ==========================================================================
   COOKIEYES
   ========================================================================== */

.cky-notice .cky-btn.cky-btn-customize,
.cky-notice .cky-btn.cky-btn-reject,
.cky-footer-wrapper .cky-btn.cky-btn-reject,
.cky-footer-wrapper .cky-btn.cky-btn-preferences {
    color: var(--color-brand) !important;
    border-color: var(--color-brand) !important;
}

.cky-notice .cky-btn.cky-btn-accept,
.cky-footer-wrapper .cky-btn.cky-btn-accept {
    color: var(--color-white) !important;
    background-color: var(--color-brand) !important;
    border-color: var(--color-brand) !important;
}

.cky-preference-content-wrapper .cky-show-desc-btn {
    color: var(--color-brand) !important;
}

.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
    background-color: var(--color-brand) !important;
}


/* ==========================================================================
   HELPERS
   ========================================================================== */

.amd-opacity-60 {
    opacity: 0.6;
}

.amd-justify-text {
    text-align: justify;
}


/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media only screen and (max-width: 999px) {
    .amd-footer-keywords {
        margin-right: inherit;
    }
}

@media only screen and (max-width: 690px) {
    #footer-outer > #footer-widgets > .container,
    #footer-outer > #copyright > .container {
        text-align: center;
    }

    #footer-outer > #copyright .social {
        float: none !important;
        display: flex;
        justify-content: center;
    }
}

@media only screen and (max-width: 677px) {
    .amd-button-margin-right {
        margin-right: 0 !important;
    }
}