/*
 * theme.css — WordPress-specific overrides for Maison Guérin
 * Never modify the original CSS files (main.css, pages.css, etc.)
 * Add all WordPress / WooCommerce tweaks here.
 */

/* ============================================================
   WordPress core resets
============================================================ */
.wp-caption,
.wp-caption-text,
.gallery-caption,
.sticky,
.bypostauthor { /* WP required classes — no style needed */ }

img.alignleft  { float: left; margin: 0 20px 10px 0; }
img.alignright { float: right; margin: 0 0 10px 20px; }
img.aligncenter { display: block; margin: 0 auto 10px; }

/* ============================================================
   Classic Editor content within .legal-prose
   WP adds <p> tags automatically — already styled in pages.css
============================================================ */
.legal-prose .wp-block-paragraph,
.legal-prose p { /* inherits from pages.css */ }

/* ============================================================
   WooCommerce: wc-notice overrides
============================================================ */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-info {
    font-family: var(--inter);
    font-size: 0.85rem;
    border-radius: 0;
    border-left: 3px solid var(--bordeaux);
    background: var(--off-white);
    color: var(--dark);
    padding: 14px 20px;
    margin-bottom: 20px;
}

/* ============================================================
   WordPress menu — active state
============================================================ */
.navbar-mg .nav-item .nav-link.active-section {
    color: var(--bordeaux) !important;
}

/* ============================================================
   Fluent Forms reset — match our form style
============================================================ */
.fluent-form-wrapper .ff-el-input--label label,
.ff-el-input--label label {
    font-family: var(--inter) !important;
    font-size: 0.68rem !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: var(--dark) !important;
    margin-bottom: 8px !important;
}

.fluent-form-wrapper .ff-el-form-control,
.ff-el-form-control {
    font-family: var(--inter) !important;
    font-size: 0.88rem !important;
    font-weight: 300 !important;
    color: var(--dark) !important;
    background: var(--white) !important;
    border: 1px solid var(--grey-light) !important;
    border-radius: 0 !important;
    padding: 12px 16px !important;
    box-shadow: none !important;
    transition: border-color 0.35s ease !important;
}

.fluent-form-wrapper .ff-el-form-control:focus,
.ff-el-form-control:focus {
    border-color: var(--bordeaux) !important;
    box-shadow: 0 0 0 3px rgba(76,28,40,0.08) !important;
    outline: none !important;
}

.fluent-form-wrapper .ff-btn-submit,
.ff-btn-submit {
    background-color: var(--dark) !important;
    border-color: var(--dark) !important;
    border-radius: 0 !important;
    font-family: var(--inter) !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    padding: 14px 32px !important;
    transition: background-color 0.35s ease !important;
    box-shadow: none !important;
}

.fluent-form-wrapper .ff-btn-submit:hover,
.ff-btn-submit:hover {
    background-color: var(--bordeaux) !important;
    border-color: var(--bordeaux) !important;
}

/* ============================================================
   Yoast breadcrumb — hidden (we use page-hero breadcrumb)
   On pages where Yoast is active, hide its breadcrumb output
============================================================ */
.yoast-breadcrumb { display: none; }

/* ============================================================
   Custom scrollbar — bordeaux brand colors
============================================================ */

/* Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--off-white);
}

::-webkit-scrollbar-thumb {
    background: rgba(76, 28, 40, 0.35);
    border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--bordeaux);
}

/* Firefox */
html {
    scrollbar-width: thin;
    scrollbar-color: rgba(76, 28, 40, 0.35) var(--off-white);
}