/*
Theme Name: Twenty Twenty-Four PourDent
Theme URI: https://pourdent.ro
Description: Child theme pentru Twenty Twenty-Four, design The Clinical Sanctuary pentru Pour Dent.
Author: Inedit Agency
Template: twentytwentyfour
Version: 1.0.0
Text Domain: twentytwentyfour-pourdent
*/

html {
    scroll-behavior: smooth;
    scroll-padding-top: 120px;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

.editorial-shadow {
    box-shadow: 0 40px 40px -10px rgba(24, 28, 28, 0.06);
}

@keyframes pourdent-bob {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(7px); }
}

@keyframes pourdent-hero-zoom {
    from { transform: scale(1); }
    to { transform: scale(1.12); }
}

.pourdent-hero-zoom {
    animation: pourdent-hero-zoom 18s ease-in-out infinite alternate;
    will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
    .pourdent-hero-zoom {
        animation: none;
    }
}

.pourdent-scroll-down {
    animation: pourdent-bob 2s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
    .pourdent-scroll-down {
        animation: none;
    }
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

body.pourdent-front {
    background-color: #f7faf9;
    color: #181c1c;
    font-family: 'Inter', sans-serif;
}

body.pourdent-front ::selection {
    background-color: #abedff;
    color: #001f26;
}

@media screen and (min-width: 783px) {
    body.admin-bar nav.pourdent-nav {
        top: 32px;
    }
}

/* Header: alb (sticky) după scroll */
.pourdent-nav.is-scrolled {
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    box-shadow: 0 1px 3px rgba(24, 28, 28, 0.08);
}

/* Header: transparent peste hero (înainte de scroll) — text & buton albe */
.pourdent-nav:not(.is-scrolled) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.pourdent-nav:not(.is-scrolled) .pourdent-navlink {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.9) !important;
}

.pourdent-nav:not(.is-scrolled) .pourdent-phone-btn {
    background-color: #ffffff !important;
    color: #38b6ff !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}

.pourdent-nav:not(.is-scrolled) .pourdent-menu-btn {
    background-color: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
}

/* Formular de contact (Contact Form 7) — stilizat ca restul site-ului */
.pourdent-cf7 .wpcf7-form-control-wrap {
    display: block;
}
.pourdent-cf7 .wpcf7-form > .grid,
.pourdent-cf7 .wpcf7-form > .wpcf7-form-control-wrap {
    margin-bottom: 1.25rem;
}
.pourdent-cf7 .wpcf7-form > .grid .wpcf7-form-control-wrap {
    margin-bottom: 0;
}
.pourdent-cf7 input[type="text"],
.pourdent-cf7 input[type="tel"],
.pourdent-cf7 input[type="email"],
.pourdent-cf7 textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    border: 1px solid #bcc8cd;
    background: #ffffff;
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    color: #181c1c;
    outline: none;
    transition: border-color .2s, box-shadow .2s;
}
.pourdent-cf7 input::placeholder,
.pourdent-cf7 textarea::placeholder {
    color: #6d797e;
}
.pourdent-cf7 input[type="text"]:focus,
.pourdent-cf7 input[type="tel"]:focus,
.pourdent-cf7 input[type="email"]:focus,
.pourdent-cf7 textarea:focus {
    border-color: #00687a;
    box-shadow: 0 0 0 2px rgba(0, 104, 122, 0.35);
}
.pourdent-cf7 textarea {
    height: 8rem;
    resize: vertical;
}
.pourdent-cf7 .wpcf7-submit {
    width: 100%;
    padding: 1rem 0;
    background: #38b6ff;
    color: #ffffff;
    border: none;
    border-radius: 0.75rem;
    font-family: 'Jost', sans-serif;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .2s;
}
.pourdent-cf7 .wpcf7-submit:hover {
    background: #1f9be6;
}
.pourdent-cf7 .wpcf7-spinner {
    margin: 0 auto;
    display: block;
}
.pourdent-cf7 .wpcf7-not-valid-tip {
    color: #ba1a1a;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}
.pourdent-cf7 .wpcf7-response-output {
    border-radius: 0.75rem;
    margin: 0.5rem 0 0 0 !important;
    padding: 0.75rem 1rem !important;
    font-size: 0.9rem;
}

/* Logo: alb peste hero (transparent), colorat după scroll */
.pourdent-nav .pourdent-logo-color {
    display: none;
}
.pourdent-nav.is-scrolled .pourdent-logo-white {
    display: none;
}
.pourdent-nav.is-scrolled .pourdent-logo-color {
    display: block;
}