/* Izri.Online — Global Terminal Dark (appliqué à tout le site)
   Inspiré de la maquette accueil. */
:root {
  /* Fonds */
  --color-bg:              #0C0908;
  --color-bg-alt:          #141110;
  --color-surface:         #141110;
  --color-surface-hover:   #1A1614;

  /* Textes */
  --color-text:            #E8E0D5;
  --color-text-light:      #B8ADA0;
  --color-text-muted:      #8F857A;

  /* Couleurs */
  --color-primary:         #D4A86A;
  --color-primary-dark:    #B89555;
  --color-primary-light:   #E3BE87;

  --color-accent:          #D88460;
  --color-accent-light:    #E89470;
  --color-accent-dark:     #C86743;

  /* Bordures / effets */
  --color-border:          rgba(212, 168, 106, 0.16);
  --color-border-light:    rgba(255, 255, 255, 0.06);

  --shadow-sm:  0 2px 10px rgba(0, 0, 0, 0.45);
  --shadow-md:  0 12px 40px rgba(0, 0, 0, 0.55);
  --shadow-lg:  0 30px 80px rgba(0, 0, 0, 0.65);
  --shadow-glow: 0 0 0 1px rgba(212, 168, 106, 0.22), 0 10px 60px -20px rgba(212, 168, 106, 0.25);

  /* Navbar */
  --navbar-bg: rgba(12, 9, 8, 0.92);
  --navbar-bg-scrolled: rgba(12, 9, 8, 0.98);

  /* Terminal accents */
  --ht-mint: #8FD9A8;
}

html {
  background: var(--color-bg);
}

body {
  background: radial-gradient(1200px 800px at 80% -10%, rgba(212, 168, 106, 0.08), transparent 60%), var(--color-bg);
  color: var(--color-text);
}

::selection {
  background: rgba(212, 168, 106, 0.35);
  color: #F5EFE6;
}

/* Liens */
a {
  color: var(--color-primary);
}

a:hover {
  color: var(--color-primary-light);
}

/* Navbar / menu */
.navbar {
  background: var(--navbar-bg);
  border-bottom: 1px solid var(--color-border-light);
  backdrop-filter: blur(12px) saturate(1.02);
  -webkit-backdrop-filter: blur(12px) saturate(1.02);
}

.navbar.scrolled {
  background: var(--navbar-bg-scrolled);
  box-shadow: var(--shadow-sm);
}

.nav-link,
.menu-item > a {
  color: var(--color-text);
}

.nav-link:hover,
.menu-item > a:hover,
.menu-item.current-menu-item > a,
.menu-item.current_page_item > a {
  color: var(--color-primary);
}

.nav-link--cta,
.menu-item.nav-link--cta > a {
  background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-light) 100%);
  color: #15110B !important;
  border: 1px solid rgba(227, 190, 135, 0.9);
  box-shadow: 0 10px 40px -18px rgba(212, 168, 106, 0.9);
}

.nav-link--cta:hover,
.menu-item.nav-link--cta > a:hover {
  filter: brightness(1.06);
}

.dropdown-menu {
  background: linear-gradient(180deg, rgba(26, 22, 20, 0.98) 0%, rgba(12, 9, 8, 0.98) 100%);
  border: 1px solid var(--color-border);
  box-shadow: var(--shadow-lg);
}

.dropdown-menu a {
  color: var(--color-text);
}

.dropdown-menu a:hover {
  background: rgba(212, 168, 106, 0.12);
  color: var(--color-primary-light);
}

/* Lang switcher */
.lang-switcher .lang-toggle {
  background: transparent;
  color: var(--color-text-light);
  border: 1px solid var(--color-border-light);
}

.lang-switcher .lang-toggle:hover {
  color: var(--color-text);
  border-color: rgba(212, 168, 106, 0.45);
}

.lang-switcher .lang-dropdown {
  background: linear-gradient(180deg, rgba(26, 22, 20, 0.98) 0%, rgba(12, 9, 8, 0.98) 100%);
  border: 1px solid var(--color-border);
  box-shadow: var(--shadow-lg);
}

.lang-switcher .lang-option {
  color: var(--color-text-light);
}

.lang-switcher .lang-option:hover,
.lang-switcher .lang-option.active {
  color: var(--color-text);
  background: rgba(212, 168, 106, 0.12);
}

/* Hero pages headers */
.post-header,
.blog-hero {
  background: radial-gradient(900px 420px at 80% -10%, rgba(212, 168, 106, 0.12), transparent 65%), linear-gradient(180deg, #151110 0%, var(--color-bg) 100%);
  border-bottom: 1px solid var(--color-border-light);
}

.post-header .section-title,
.blog-hero .blog-hero-title,
.page .post-header .section-title {
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  color: #F5EFE6 !important;
}

.post-header .section-subtitle,
.blog-hero .blog-hero-sub,
.breadcrumbs,
.breadcrumbs a,
.breadcrumbs .sep {
  color: var(--color-text-light) !important;
}

.breadcrumbs .current {
  color: var(--color-text-muted) !important;
}

/* Sections */
.section,
.section-alt {
  background: transparent;
}

.section-alt {
  background: radial-gradient(1000px 520px at 50% 0%, rgba(212, 168, 106, 0.06), transparent 70%);
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
}

.section-title {
  color: #F5EFE6;
}

.section-subtitle {
  color: var(--color-text-light);
}

/* Cards */
.service-card,
.feature-item,
.project-card,
.blog-card,
.related-card,
.faq-item {
  background: linear-gradient(180deg, rgba(26, 22, 20, 0.9) 0%, rgba(20, 17, 16, 0.9) 100%);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
}

.service-card:hover,
.feature-item:hover,
.project-card:hover,
.blog-card:hover,
.related-card:hover,
.faq-item:hover {
  border-color: rgba(212, 168, 106, 0.4);
  box-shadow: var(--shadow-glow);
}

.service-card h3,
.feature-title,
.project-card .project-title,
.blog-card-title,
.faq-question,
.related-title {
  color: #F5EFE6;
}

.service-card p,
.feature-desc,
.project-card .project-excerpt,
.blog-card-excerpt,
.faq-answer,
.related-excerpt,
.post-content {
  color: var(--color-text);
}

.blog-card-category,
.post-category,
.project-tag,
.blog-featured-badge {
  background: rgba(212, 168, 106, 0.16);
  color: var(--color-primary-light);
  border: 1px solid rgba(212, 168, 106, 0.28);
}

.blog-card-meta,
.blog-featured-excerpt,
.post-meta,
.post-date {
  color: var(--color-text-muted);
}

/* Boutons */
.btn-primary {
  background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-light) 100%);
  color: #15110B;
  border: 1px solid rgba(227, 190, 135, 0.9);
  box-shadow: 0 12px 50px -20px rgba(212, 168, 106, 0.9);
}

.btn-primary:hover {
  filter: brightness(1.08);
}

.btn-secondary {
  background: transparent;
  color: var(--color-text);
  border: 1px solid var(--color-border);
}

.btn-secondary:hover {
  border-color: rgba(212, 168, 106, 0.6);
  color: var(--color-primary-light);
}

/* Forms */
.form-group input,
.form-group textarea,
.form-input,
.form-textarea,
.contact-form input,
.contact-form textarea,
.diagnostic-form input,
.diagnostic-form textarea,
.diagnostic-form select {
  background: linear-gradient(180deg, rgba(26, 22, 20, 0.95) 0%, rgba(16, 14, 13, 0.95) 100%);
  color: var(--color-text);
  border: 1px solid var(--color-border-light);
}

.form-group input:focus,
.form-group textarea:focus,
.form-input:focus,
.form-textarea:focus,
.contact-form input:focus,
.contact-form textarea:focus {
  border-color: rgba(212, 168, 106, 0.7);
  box-shadow: 0 0 0 4px rgba(212, 168, 106, 0.08);
  outline: none;
}

.form-group label,
.form-label {
  color: var(--color-text-light);
}

.form-submit {
  background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-light) 100%);
  color: #15110B;
  border: 1px solid rgba(227, 190, 135, 0.9);
}

/* Blog filters / pagination */
.blog-filter {
  background: transparent;
  color: var(--color-text-light);
  border: 1px solid var(--color-border-light);
}

.blog-filter:hover,
.blog-filter.active {
  color: #15110B;
  background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-light) 100%);
  border-color: transparent;
}

.pagination .page-numbers {
  background: transparent;
  color: var(--color-text-light);
  border: 1px solid var(--color-border-light);
}

.pagination .page-numbers:hover,
.pagination .page-numbers.current {
  color: #15110B;
  background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-light) 100%);
  border-color: transparent;
}

/* CTA banner */
.post-cta-banner {
  background: radial-gradient(800px 320px at 80% -10%, rgba(212, 168, 106, 0.18), transparent 70%), linear-gradient(180deg, #1A1614 0%, #141110 100%);
  border: 1px solid var(--color-border);
  color: var(--color-text);
}

.post-cta-banner h3 {
  color: #F5EFE6;
}

.post-cta-banner p {
  color: var(--color-text-light);
}

/* Footer */
.footer {
  background: radial-gradient(1000px 400px at 50% 0%, rgba(212, 168, 106, 0.08), transparent 70%), #0C0908;
  border-top: 1px solid var(--color-border-light);
}

.footer-brand p,
.footer-desc,
.footer-links a,
.footer-bottom p {
  color: var(--color-text-light);
}

.footer-links a:hover {
  color: var(--color-primary-light);
}

.footer-bottom {
  border-top: 1px solid var(--color-border-light);
}

/* Newsletter */
.newsletter-form input {
  background: linear-gradient(180deg, rgba(26, 22, 20, 0.95) 0%, rgba(16, 14, 13, 0.95) 100%);
  color: var(--color-text);
  border: 1px solid var(--color-border-light);
}

.newsletter-form input::placeholder {
  color: var(--color-text-muted);
}

.newsletter-form button {
  background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-light) 100%);
  color: #15110B;
}

/* Back to top */
.back-to-top {
  background: linear-gradient(180deg, rgba(26, 22, 20, 0.98) 0%, rgba(12, 9, 8, 0.98) 100%);
  color: var(--color-text);
  border: 1px solid var(--color-border);
}

.back-to-top:hover {
  color: var(--color-primary-light);
  border-color: rgba(212, 168, 106, 0.6);
}

/* FAB */
.izri-fab-button,
.izri-fab-wa,
.izri-fab-cart,
.izri-fab-chat {
  box-shadow: var(--shadow-lg);
}

.izri-fab-menu {
  background: linear-gradient(180deg, rgba(26, 22, 20, 0.98) 0%, rgba(12, 9, 8, 0.98) 100%);
  border: 1px solid var(--color-border);
  box-shadow: var(--shadow-lg);
}

.izri-fab-item {
  color: var(--color-text);
}

.izri-fab-item:hover {
  background: rgba(212, 168, 106, 0.12);
  color: var(--color-primary-light);
}

/* Code/pre */
.post-content pre,
.post-content code {
  background: rgba(20, 17, 16, 0.9);
  color: #E8E0D5;
  border: 1px solid var(--color-border-light);
}

/* Tables */
.post-content table {
  border-color: var(--color-border-light);
}

.post-content th {
  background: rgba(26, 22, 20, 0.9);
  color: var(--color-primary-light);
}

.post-content td {
  border-color: var(--color-border-light);
  color: var(--color-text);
}

/* Blockquote */
.post-content blockquote {
  background: rgba(26, 22, 20, 0.8);
  border-left: 3px solid var(--color-primary);
  color: var(--color-text);
}

/* 404 */
.error-404 h1 {
  color: #F5EFE6;
}

.error-404 p {
  color: var(--color-text-light);
}

/* Boutique child theme overrides */
body.woocommerce-shop,
body.single-product,
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account {
  --bt-ink: #F5EFE6;
  --bt-muted: #B8ADA0;
  --bt-cream: #141110;
  --bt-cream2: #1A1614;
  --bt-line: rgba(255, 255, 255, 0.06);
  --bt-gold: #D4A86A;
  --bt-terracotta: #D88460;
  background: var(--color-bg);
}

.bt-hero {
  background: radial-gradient(1200px 420px at 80% -10%, rgba(212, 168, 106, 0.14), transparent 65%), linear-gradient(180deg, #151110 0%, var(--color-bg) 100%);
  border-bottom: 1px solid var(--color-border-light);
}

.bt-hero-title,
.bt-step h4,
.bt-card-title,
.woocommerce div.product .product_title,
.woocommerce-tabs .panel h2,
.woocommerce-tabs .panel h3 {
  color: #F5EFE6 !important;
}

.bt-hero-sub,
.bt-step p,
.bt-card-cat,
.bt-card-unit,
.bt-step-n,
.woocommerce div.product .woocommerce-product-details__short-description,
.woocommerce div.product p.price,
.woocommerce div.product .product_meta {
  color: var(--color-text-light) !important;
}

.bt-step,
.bt-card,
.bt-filter,
.woocommerce div.product div.summary .izriwa-purchase-box,
.woocommerce form.checkout .col2-set .col-1,
.woocommerce form.checkout .col2-set .col-2,
.woocommerce .bt-cart-wa,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  background: linear-gradient(180deg, rgba(26, 22, 20, 0.95) 0%, rgba(18, 15, 14, 0.95) 100%) !important;
  border: 1px solid var(--color-border-light) !important;
  box-shadow: var(--shadow-sm) !important;
}

.bt-card:hover {
  border-color: rgba(212, 168, 106, 0.4) !important;
  box-shadow: var(--shadow-glow) !important;
}

.bt-filter.is-active,
.bt-card .add_to_cart_button,
.woocommerce div.product form.cart .button,
.woocommerce #payment #place_order,
.cart .button,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.button.alt,
.bt-card a.button.product_type_external,
.izriwa-gumroad-btn {
  background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-light) 100%) !important;
  color: #15110B !important;
  border: 1px solid rgba(227, 190, 135, 0.9) !important;
}

.bt-store nav.woocommerce-pagination ul li a {
  background: transparent !important;
  color: var(--color-text-light) !important;
  border: 1px solid var(--color-border-light) !important;
}

.bt-store nav.woocommerce-pagination ul li span.current {
  background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-light) 100%) !important;
  color: #15110B !important;
  border-color: transparent !important;
}

.woocommerce table.shop_table,
.woocommerce table.cart,
.woocommerce form.checkout {
  background: transparent;
}

.woocommerce table.cart td,
.woocommerce table.cart th,
.woocommerce .cart_totals,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
  border-color: var(--color-border-light) !important;
  color: var(--color-text) !important;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background: transparent;
}

/* Mobile nav */
.nav-menu.active {
  background: linear-gradient(180deg, rgba(16, 14, 13, 0.98) 0%, rgba(12, 9, 8, 0.98) 100%);
  border-top: 1px solid var(--color-border-light);
}

.nav-menu .dropdown-menu {
  background: transparent;
  border: none;
  box-shadow: none;
}

@media (max-width: 968px) {
  .nav-menu {
    background: linear-gradient(180deg, rgba(16, 14, 13, 0.98) 0%, rgba(12, 9, 8, 0.98) 100%);
  }
}