/*
Theme Name: STT CREATIONS Luxury
Theme URI: https://sttcreations.fr/
Author: STT CREATIONS
Author URI: https://sttcreations.fr/
Description: Thème enfant complet pour Elementor et WooCommerce, conçu pour STT CREATIONS, avec finitions responsive et WooCommerce.
Version: 1.1.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.1
Template: hello-elementor
Text Domain: stt-creations
Domain Path: /languages
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: e-commerce, woocommerce, elementor, responsive, handmade
*/

:root {
  --stt-ivory: #faf8f5;
  --stt-sand: #e8ddcf;
  --stt-gold: #c8a46a;
  --stt-gold-dark: #a9854f;
  --stt-ink: #1d1d1d;
  --stt-muted: #747474;
  --stt-white: #ffffff;
  --stt-border: #e9e3dc;
  --stt-radius: 18px;
  --stt-container: 1280px;
  --stt-shadow: 0 18px 50px rgba(29, 29, 29, 0.08);
  --stt-transition: 220ms ease;
  --stt-title: "Cormorant Garamond", Georgia, serif;
  --stt-body: "Poppins", Arial, sans-serif;
}

html { scroll-behavior: smooth; }

body {
  margin: 0;
  color: var(--stt-ink);
  background: var(--stt-ivory);
  font-family: var(--stt-body);
  line-height: 1.7;
}

*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; height: auto; }
a { color: inherit; }
:focus-visible { outline: 3px solid var(--stt-gold); outline-offset: 3px; }

.stt-container {
  width: min(100% - 40px, var(--stt-container));
  margin-inline: auto;
}

.stt-site-main { min-height: 60vh; }

.stt-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 26px;
  border: 1px solid var(--stt-ink);
  border-radius: 999px;
  background: var(--stt-ink);
  color: var(--stt-white);
  font-weight: 600;
  text-decoration: none;
  transition: transform var(--stt-transition), background var(--stt-transition), border-color var(--stt-transition);
}

.stt-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  transform: translateY(-2px);
  border-color: var(--stt-gold);
  background: var(--stt-gold);
  color: var(--stt-white);
}