/* 
Theme Name: VIGROUP 2026
Template: variations
*/

/* =====================================================
BASE PAGES WOOCOMMERCE
===================================================== */

.woocommerce-account .wp-site-blocks,
.woocommerce-cart .wp-site-blocks,
.woocommerce-checkout .wp-site-blocks,
.post-type-archive-product .wp-site-blocks,
.single-product .wp-site-blocks{
  background:#f6f1ea;
}

/* conteneur principal */

.woocommerce-account .wp-block-post-content,
.woocommerce-cart .wp-block-post-content,
.woocommerce-checkout .wp-block-post-content,
.post-type-archive-product .wp-block-post-content,
.single-product .wp-block-post-content{
  max-width:1240px;
  margin:0 auto;
  padding:30px 24px 90px;
}

/* titre de page */

.woocommerce-account .wp-block-post-title,
.woocommerce-cart .wp-block-post-title,
.woocommerce-checkout .wp-block-post-title,
.post-type-archive-product .wp-block-post-title,
.single-product .wp-block-post-title{
  text-align:center;
  font-size:60px;
  line-height:1.1;
  margin:30px 0 50px;
  color:#8b5e3c;
  font-weight:500;
}



/* =====================================================
LAYOUT MON COMPTE
===================================================== */

.woocommerce-account .woocommerce{
  display:grid !important;
  grid-template-columns:320px minmax(0,1fr) !important;
  gap:40px !important;
  width:100% !important;
  align-items:start;
}



/* reset styles natifs woo */

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
  float:none !important;
  width:auto !important;
  margin:0 !important;
}



/* =====================================================
COLONNE MENU
===================================================== */

.woocommerce-account .woocommerce-MyAccount-navigation{
  background:#fff;
  border-radius:22px;
  padding:22px;
  box-shadow:0 12px 30px rgba(0,0,0,0.05);
  position:sticky;
  top:30px;
}



/* liste */

.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none;
  margin:0;
  padding:0;
}



/* items */

.woocommerce-account .woocommerce-MyAccount-navigation ul li{
  margin:0 0 12px;
}



/* liens */

.woocommerce-account .woocommerce-MyAccount-navigation ul li a{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:54px;
  padding:14px 18px;
  border-radius:14px;
  text-decoration:none;
  color:#5c3b2e;
  background:#f4efe9;
  transition:all .2s ease;
  font-size:18px;
}



/* actif */

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover{
  background:#8b5e3c;
  color:#fff;
}



/* icônes */

.woocommerce-account .woocommerce-MyAccount-navigation ul li a::before{
  margin:0 !important;
  position:static !important;
  flex:0 0 20px;
  width:20px;
  text-align:center;
  font-size:18px;
}



/* =====================================================
COLONNE CONTENU
===================================================== */

.woocommerce-account .woocommerce-MyAccount-content{
  background:#fff;
  border-radius:22px;
  padding:40px;
  box-shadow:0 12px 30px rgba(0,0,0,0.05);
  min-width:0;
}



/* texte */

.woocommerce-account .woocommerce-MyAccount-content p{
  font-size:20px;
  line-height:1.7;
  color:#5d5d5d;
}



/* titres */

.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3{
  color:#5c3b2e;
}



/* =====================================================
BOUTONS WOOCOMMERCE
===================================================== */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
  background:#8b5e3c !important;
  color:#fff !important;
  border-radius:12px !important;
  padding:13px 24px !important;
  border:none !important;
}



.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover{
  background:#6f4a2f !important;
}



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

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{
  border:1px solid #ddd3c7;
  border-radius:12px;
  padding:14px 16px;
  background:#fff;
}



/* =====================================================
MESSAGES
===================================================== */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  border-radius:14px;
  border:none;
  padding:16px 20px;
  margin-bottom:24px;
}



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

@media(max-width:980px){

.woocommerce-account .woocommerce{
grid-template-columns:1fr !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation{
position:static;
}

.woocommerce-account .woocommerce-MyAccount-content{
padding:26px;
}

.woocommerce-account .wp-block-post-title,
.woocommerce-cart .wp-block-post-title,
.woocommerce-checkout .wp-block-post-title{
font-size:42px;
}

}