/*
Theme Name:     Storefront Child Theme
Theme URI:      https://github.com/stuartduff/storefront-child-theme
Author:         Stuart Duff
Author URI:     http://stuartduff.com
Template:       storefront
Description:    This is a blank child theme for WooThemes StoreFront theme
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    storefront
Tags:           black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */

/* Définition des variables de couleur */
:root {
    --couleur-principale: #E57F6D;  /* Rouge */
    --couleur-secondaire: #FF8F00;  /* Orange */
    --couleur-texte: #333333; /* Texte principal */
    --couleur-cse: #0FA8C0;
}

a:focus,
input:focus {
  outline: none;
  box-shadow: none;
}
html,body{
    height: 100%;
}
h1.entry-title{
    display: none;
}
/* Bouton stylisé */
.button, button[type='submit']:not(.update-btn),input[type='submit'], .btn {
    background: var(--couleur-principale);
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s;
}


a:focus, a:active {
    outline: none !important;
    border: none !important;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
}

.adn-wrapper{ 
    width:100%;
    display:flex;
    justify-content:center
}


#cse-login-logo{
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    align-items:center;
}


#cse-login-logo img{
    width: 100px;
}
#cse-login-logo p{
    font-size: 29px;

    font-family: 'Poppins', sans-serif;
}

#cse-login-logo p span:last-child{
   font-weight: 700;
}

#cse-login-logo p span:first-child{
   font-weight: 300;
   color:#777;
}

#page{
    height: 100%;
    background:  rgb(244, 240, 228)
}


.woocommerce-breadcrumb{display:none}



.login-restaurant {
    background: #0FA8C0!important;
    border: none;
    color: white;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.login-restaurant:hover {
    background: #0FA8C0!important;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
    color: #fff!important;
}

.login-restaurant:active {
    transform: translateY(1px);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}


.date-demain {
    display: inline-block;

    color: white; /* Couleur du texte */
    font-size: 16px;
    border: 1px solid #fff;
    padding: 8px 16px;
    border-radius: 4px; /* Bords arrondis */

    /* Pour s'assurer que la première lettre est en minuscule sauf au début */
    text-align: center;
}


.user-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff; /* Icône blanche */
    font-size: 24px; /* Taille de l'icône */
    width: 42px; /* Largeur */
    height: 42px; /* Hauteur */
    border: 2px solid #fff; /* Bordure blanche */
    border-radius: 8px; /* Bords légèrement arrondis */
    transition: all 0.3s ease-in-out;
}

.user-icon i {
    transition: transform 0.3s ease-in-out;
    color: #fff;
}

.user-icon:hover {
    border-color: #45B8AC; /* Bordure colorée au survol */
    color: #45B8AC; /* Icône colorée au survol */
}

.user-icon:hover i {
    transform: scale(1.1); /* Léger agrandissement de l'icône */
}


/* Conteneur principal */
.woocommerce-account {



    background: #ffffff;

    
}

/* Titres */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 15px;
    flex-direction: column;

}

.woocommerce-MyAccount-navigation li {
    display: inline-block;
}

.woocommerce-MyAccount-navigation a {
    display: block;
    padding: 10px 15px!important;
    border-radius: 6px;
    text-decoration: none;
    background: #45B8AC;
    color: #fff;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
}

.woocommerce-MyAccount-navigation a:hover {
    background: #333;
    color: #fff;
}

/* Contenu principal */
.woocommerce-MyAccount-content {
    padding: 20px;
    background: #f5f5f5;
    border-radius: 6px;
    margin-top: 20px;
}

/* Formulaires */
.woocommerce-form-login,
.woocommerce-form-register {
    padding: 20px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.woocommerce-form-login input,
.woocommerce-form-register input {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.woocommerce-form-login button,
.woocommerce-form-register button {
    width: 100%;
    padding: 12px;
    background: #45B8AC;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
}

.woocommerce-form-login button:hover,
.woocommerce-form-register button:hover {
    background: #333;
}

/* Messages WooCommerce */
.woocommerce-message, .woocommerce-error, .woocommerce-info {
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

/* Tableaux (commandes, adresses, etc.) */
.woocommerce-MyAccount-content table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.woocommerce-MyAccount-content table th,
.woocommerce-MyAccount-content table td {
    padding: 10px;
    border: 1px solid #ddd;
}

.woocommerce-MyAccount-content table th {
    background: #45B8AC;
    color: #fff;
    text-align: left;
}
.woocommerce-Address{
    width:100%!important;
    flex-basis: 100%!important;
    max-width: 100%!important;
}

.woocommerce-cart #content,.woocommerce-checkout #content{
    background: #fff;
    padding-top: 30px;
}

.woocommerce-MyAccount-content .woocommerce-Button.wc-forward.button{
    display: none;
}

.stan-logo a{color:#fff;text-decoration:none}

.stan-logo a:hover{color:#fff;text-decoration:none}

/*.wc-block-checkout__add-note{display:none}*/


.custom-select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 300px;
}

#jour_service {
    width: 100%;
    padding: 10px 40px 10px 15px;
    font-size: 16px;
    color: #f1f1f1;
    background-color: #000;
    border: 1px solid #fff;
    border-radius: 8px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    box-shadow: 0 2px 5px rgba(255, 255, 255, 0.1);
}

/* Flèche Font Awesome Chevron Down */
.custom-select-wrapper::after {
    content: "\f078"; /* Code Font Awesome pour Chevron Down */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    font-size: 16px;
    color: white;
    pointer-events: none;
}



.wc-block-components-checkout-return-to-cart-button{
    display: none;
}
#adn-close-popup {
  padding: 0.4em 0.8em;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  color: #444;
  font-size: 0.85rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#adn-close-popup,#adn-close-popup:hover {
  background-color: var(--couleur-cse);
  color: #fff;
}
.pum-close.popmake-close{
      background-color: #000!important;
}
.storefront-breadcrumb{
    display: none;
}

.page-id-196 .col-full{
    max-width: 80%;
}
.site-info {
    text-align: center;
    font-size: 0.9rem;
    color: #666;
    margin-top: 2rem;
    padding: 1rem 0;
}

.site-info a {
    color: #0FA8C0!important;
    text-decoration: none;
    margin: 0 6px;
    transition: color 0.3s ease;
}

.site-info a:hover {
    color: #0b7f91;
}
#colophon{
    background-color:#fff!important;
    padding-bottom: 30px!important;
    padding-top: 0px!important;
}
.woocommerce-account #main{
    padding-top: 100px;
    padding-bottom: 100px;
}

.btn-retour-menu {
    display: inline-block;
    padding: 0.5em 1.2em;
    color: white!important;
    border: 2px solid white;
    border-radius: 8px;
    background-color: transparent;
    text-decoration: none;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-size: 1rem;
}

.btn-retour-menu:hover,
.btn-retour-menu:focus {
    background-color: white;
    color: #0FA8C0!important; /* ta couleur principale */
    outline: none;
    text-decoration: none;
}




@media (max-width: 600px) {

.page-id-196 .col-full{

    max-width: 100%;

}


}