/* THEME MEDIEVAL FANTASTIQUE CLAIR
   - Fond parchemin
   - Header & footer verts
   - Catégories en noir avec police dédiée
   - Cadres produits conservés
   - Bouton "Ajouter au panier" personnalisé
*/

/* Palette */
:root {
  --rl-gold: #F6B500;
  --rl-gold-soft: #f8ce4a;
  --rl-gold-dark: #b48300;
  --rl-sage: #96AD8A;
  --rl-sage-light: #c6d3c0;
  --rl-sage-dark: #5E7351;
  --rl-parchment: #f7f2e6;
  --rl-parchment-mid: #ecdcc0;
  --rl-ink: #2b2620;
  --rl-wood: #7b5a35;
}

/* Fond général parchemin clair */
body {
  color: var(--rl-ink);
  font-family: "Cormorant Garamond", "Georgia", serif;
  background-color: var(--rl-parchment);
  background-image:
    repeating-linear-gradient(90deg, rgba(180,150,110,0.06) 0px, rgba(180,150,110,0.06) 1px, transparent 1px, transparent 5px),
    radial-gradient(circle at 15% 10%, rgba(255,255,255,0.9) 0, rgba(247,238,220,0.9) 45%, rgba(222,203,171,0.9) 100%),
    radial-gradient(circle at 85% 90%, rgba(255,255,255,0.9) 0, rgba(247,236,215,0.95) 50%, rgba(214,194,160,0.9) 100%);
  background-attachment: fixed;
}

#wrapper {
  background: transparent;
  box-shadow: none !important;
}

/* Titres généraux */
h1, .h1,
h2, .h2,
h3, .h3,
.page-title {
  font-family: "Cinzel", "Times New Roman", serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--rl-ink);
  text-shadow: 0 1px 0 #fff7e8;
}

/* ---------- CATEGORIES : NOIR + POLICE SPECIFIQUE ---------- */
.block-category h1,
.block-category .h1,
.block-category h2,
.block-category .category-name,
.block-category p,
.category-description,
#js-product-list-top h1,
#js-product-list-top .h1,
#js-product-list-header,
.breadcrumb li,
.breadcrumb li a {
  color: #000000 !important;
  text-shadow: none;
  font-family: "Cormorant Garamond", "Georgia", serif;
  letter-spacing: 0.03em;
}

/* ===========================================
   HEADER VERT
   =========================================== */
#header {
  background-image:
    linear-gradient(to bottom, var(--rl-sage-light), var(--rl-sage-dark));
  border-bottom: 3px solid rgba(0,0,0,0.2);
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
}

#header .header-top,
#header .header-nav {
  background: transparent;
}

/* Logo */
#header .logo img {
  filter: drop-shadow(0 0 4px rgba(255,255,255,0.8));
}

/* Menu principal intégré au vert du header */
#header .menu,
#header .top-menu {
  background: transparent;
  border: none;
}

#header .menu a,
#header .top-menu a {
  color: #fcf7ec;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.04em;
}

#header .menu a:hover,
#header .top-menu a:hover,
#header .menu .current > a {
  color: var(--rl-gold-soft);
}

/* ===========================================
   BOUTONS & "AJOUTER AU PANIER"
   =========================================== */
.btn,
.btn-primary,
.btn-secondary,
.button,
.add-to-cart {
  background-image: radial-gradient(circle at 30% 0, #fff7c8 0, var(--rl-gold-soft) 40%, var(--rl-gold-dark) 100%);
  border: 1px solid #8d6a20;
  color: #2b2412 !important;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.06em;
  border-radius: 999px;
  padding-inline: 1.4rem;
  padding-block: 0.5rem;
  box-shadow:
    0 2px 3px rgba(0,0,0,0.20),
    0 0 0 1px rgba(255,255,255,0.7) inset;
}

.btn:hover,
.btn-primary:hover,
.btn-secondary:hover,
.button:hover,
.add-to-cart:hover {
  background-image: radial-gradient(circle at 30% 0, #fffbe0 0, var(--rl-gold) 40%, #996b00 100%);
  transform: translateY(-1px);
  box-shadow:
    0 3px 4px rgba(0,0,0,0.25),
    0 0 0 1px rgba(255,255,255,0.8) inset;
}

/* ===========================================
   CADRES PRODUITS (CONSERVES)
   =========================================== */
.product-miniature,
.featured-products .product-miniature,
.card {
  background: rgba(247, 242, 230, 0.96);
  border: 1px solid rgba(60, 45, 25, 0.35);
  border-radius: 10px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.18);
  position: relative;
  overflow: hidden;
}

.product-miniature::before,
.card::before {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 8px;
  border: 1px dashed rgba(103,78,49,0.35);
  pointer-events: none;
}

/* Zone image produit légèrement texturée */
.product-miniature .thumbnail-container {
  background-image:
    radial-gradient(circle at 0 0, rgba(255,255,255,0.9) 0, rgba(245,234,215,0.96) 45%, rgba(227,209,181,0.95) 100%);
  border-bottom: 1px solid rgba(60,45,25,0.2);
}

/* Titre produit */
.product-title a {
  font-family: "Cormorant Garamond", "Georgia", serif;
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--rl-ink);
}
.product-title a:hover {
  color: var(--rl-gold-dark);
}

/* Prix */
.price {
  color: var(--rl-gold-dark);
  font-weight: 700;
}

/* ===========================================
   FOOTER VERT
   =========================================== */
#footer {
  background-image:
    linear-gradient(to top, var(--rl-sage-dark), var(--rl-sage-light));
  border-top: 3px solid rgba(0,0,0,0.25);
  color: #f5f7f0;
}

#footer a {
  color: #fdf7e6;
}
#footer a:hover {
  color: var(--rl-gold-soft);
}

#footer h3,
#footer .h3 {
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* ===========================================
   DIVERS
   =========================================== */

/* Champs de formulaire */
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
select, textarea {
  border-radius: 5px;
  border: 1px solid rgba(60, 45, 25, 0.35);
  background-color: rgba(255,255,255,0.95);
}
.form-control:focus,
input:focus,
select:focus,
textarea:focus {
  border-color: var(--rl-gold-soft);
  box-shadow: 0 0 0 2px rgba(246,181,0,0.25);
  outline: none;
}

/* ===========================================
   AJOUTS V2 : sous-catégories & icônes sociaux
   =========================================== */

/* Sous-catégories en noir également */
.block-category a,
.block-category li a,
.category-sub-menu a,
.category-tree a,
.subcategory-name,
#left-column .category-sub-menu a,
#left-column .block-categories a {
  color: #000000 !important;
  text-shadow: none;
  font-family: "Cormorant Garamond", "Georgia", serif;
}

/* Icônes Facebook & Instagram plus visibles en footer */
#footer a[href*="facebook"],
#footer a[href*="instagram"] {
  font-size: 1.6rem;
  color: #ffffff !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 0.2rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 4px rgba(0,0,0,0.4);
}
#footer a[href*="facebook"]:hover,
#footer a[href*="instagram"]:hover {
  background: rgba(246, 181, 0, 0.85);
  color: #2b2620 !important;
}