/* ================================
   FOOTER - Style principal
   ================================ */

.main-footer {
    font-family : 'Gotham Rounded', sans-serif;
    color       : #FFFFFF;
    position    : relative;
    overflow    : hidden;
    padding     : 58px 0 40px;
    background  : #750031;
}

.main-footer a {
    color : #FFFFFF !important;
}

/* Bouteille en fond */
.footer-bg-bottle {
    position        : absolute;
    top             : 30px;
    right           : -100px;
    transform       : rotate(-20deg);
    width           : 382px;
    height          : 901px;
    pointer-events  : none;
    background      : url('/wp-content/uploads/2025/11/icon-vdv-2.png') no-repeat center;
    background-size : contain;
}

/* Container principal */
.footer-container {
    position  : relative;
    z-index   : 1;
    max-width : 1612px;
    margin    : 0 auto;
    padding   : 0 20px;
}

/* Section principale du footer */
.footer-content {
    display       : flex;
    flex-wrap     : wrap;
    align-items   : flex-start;
    gap           : 77px;
    margin-bottom : 60px;
}

/* ================================
   COLONNE GAUCHE - Logo + Description + Bouton
   ================================ */

.footer-left {
    display        : flex;
    flex-direction : column;
    flex-shrink    : 0;
    gap            : 24px;
    width          : 367px;
}

.footer-logo-section {
    display        : flex;
    flex-direction : column;
    gap            : 24px;
}

.footer-logo {
    position    : relative;
    display     : flex;
    align-items : center;
    gap         : 8px;
}

.footer-logo img {
    width      : auto;
    height     : 69px;
    object-fit : contain;
}

.footer-logo-reg {
    font-size   : 9px;
    font-weight : 400;
    position    : relative;
    top         : -20px;
    margin-left : -8px;
}

.footer-description {
    font-size   : 18px;
    font-weight : 350;
    line-height : 1.4;
    color       : #FFFFFF;
    margin      : 0;
}

.footer-btn-sell {
    font-size       : 15px;
    font-weight     : 500;
    color           : #FFFFFF !important;
    text-align      : center;
    text-decoration : none;
    position        : relative;
    overflow        : hidden;
    display         : inline-block;
    width           : fit-content;
    padding         : 14px 32px;
    transition      : all 0.3s ease;
    border          : 1px solid #F48B00;
    border-radius   : 48px;
    background      : #F48B00;
}


/* ================================
   CARTE GOOGLE MAPS
   ================================ */

.footer-map {
    overflow      : hidden;
    flex-shrink   : 0;
    width         : 432px;
    height        : 230px;
    border-radius : 15px;
}

.footer-map img {
    width           : 100%;
    height          : 100% !important;
    object-fit      : cover;
    object-position : center;
}

/* ================================
   COLONNE DROITE - Contact + Horaires
   ================================ */

.footer-right {
    display : flex;
    flex    : 1;
    gap     : 120px;
}

.footer-title {
    font-size   : 24px;
    font-weight : 700;
    color       : #FFFFFF;
    margin      : 0 0 32px 0;
}

/* Section Contact */
.footer-contact {
    width : 234px;
}

.footer-contact-content {
    display        : flex;
    flex-direction : column;
    gap            : 24px;
}

.footer-shop-info {
    display        : flex;
    flex-direction : column;
    gap            : 12px;
}

.shop-title {
    font-size   : 18px;
    font-weight : 700;
    color       : #FFFFFF;
    margin      : 0;
}

.shop-address {
    font-size       : 18px;
    font-weight     : 350;
    line-height     : 1.4;
    color           : #FFFFFF;
    text-decoration : underline;
    margin          : 0;
}

.shop-address:hover {
    opacity : 0.8;
}

.footer-phone p {
    font-size   : 18px;
    font-weight : 350;
    color       : #FFFFFF;
    margin      : 0;
}

.footer-email a {
    font-size       : 18px;
    font-weight     : 350;
    color           : #FFFFFF;
    text-decoration : underline;
}

.footer-email a:hover {
    opacity : 0.8;
}

/* Section Horaires */
.footer-hours {
    flex : 1;
}

.footer-hours-content {
    display        : flex;
    flex-direction : column;
    gap            : 24px;
}

.footer-shop-hours {
    display        : flex;
    flex-direction : column;
    gap            : 4px;
}

.hours-title {
    font-size   : 18px;
    font-weight : 700;
    color       : #FFFFFF;
    margin      : 0;
}

.hours-text {
    font-size   : 18px;
    font-weight : 350;
    line-height : 1.4;
    color       : #FFFFFF;
    margin      : 0;
}

/* ================================
   SECTION BOTTOM - Copyright + Mentions
   ================================ */

.footer-separator {
    height     : 1px;
    margin     : 60px 0;
    background : #FFFFFF30;
}

.footer-bottom {
    display         : flex;
    justify-content : space-between;
    align-items     : center;
}

.footer-copyright {
    font-size   : 18px;
    font-weight : 350;
    color       : #FFFFFF;
    margin      : 0;
}

.footer-legal {
    display     : flex;
    align-items : center;
    gap         : 40px;
}

.footer-legal-link {
    font-size       : 18px;
    font-weight     : 350;
    color           : #FFFFFF;
    text-decoration : underline;
}

.footer-legal-link:hover {
    opacity : 0.8;
}

.footer-credit {
    font-size   : 18px;
    font-weight : 350;
    color       : #FFFFFF;
    margin      : 0;
}