/* ============================================================
   CareByHP Developments — Main Stylesheet
   ============================================================ */

/* ---- Global ---- */
* { scroll-behavior: smooth; }
body { font-family: 'Jost', sans-serif; background: #F5F0E8; color: #1A1A1A; }

/* ---- Gold divider line ---- */
.gold-line { width: 60px; height: 2px; background: #C9A84C; display: inline-block; }

/* ---- Navbar scroll effect ---- */
#navbar { transition: background 0.4s, box-shadow 0.4s; }
#navbar.scrolled { background: rgba(26,26,26,0.97) !important; box-shadow: 0 2px 20px rgba(0,0,0,0.4); }

/* ---- Animate on scroll ---- */
.reveal { opacity: 0; transform: translateY(32px); transition: opacity 0.7s ease, transform 0.7s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }
.reveal-left { opacity: 0; transform: translateX(-40px); transition: opacity 0.7s ease, transform 0.7s ease; }
.reveal-left.visible { opacity: 1; transform: translateX(0); }
.reveal-right { opacity: 0; transform: translateX(40px); transition: opacity 0.7s ease, transform 0.7s ease; }
.reveal-right.visible { opacity: 1; transform: translateX(0); }

/* ---- Project card hover ---- */
.project-card:hover .project-overlay { opacity: 1; }
.project-card:hover img { transform: scale(1.07); }
.project-card img { transition: transform 0.6s ease; }
.project-overlay { transition: opacity 0.4s ease; }

/* ---- Gallery hover ---- */
.gallery-item:hover img { transform: scale(1.08); }
.gallery-item img { transition: transform 0.5s ease; }

/* ---- Gold button ---- */
.btn-gold {
    display: inline-block;
    background: #C9A84C;
    color: #1A1A1A;
    font-family: 'Jost', sans-serif;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-size: 0.78rem;
    padding: 14px 36px;
    border: 2px solid #C9A84C;
    transition: background 0.3s, color 0.3s;
    text-decoration: none;
    cursor: pointer;
}
.btn-gold:hover { background: transparent; color: #C9A84C; }

/* ---- Outline gold button ---- */
.btn-gold-outline {
    display: inline-block;
    background: transparent;
    color: #C9A84C;
    font-family: 'Jost', sans-serif;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-size: 0.78rem;
    padding: 14px 36px;
    border: 2px solid #C9A84C;
    transition: background 0.3s, color 0.3s;
    text-decoration: none;
    cursor: pointer;
}
.btn-gold-outline:hover { background: #C9A84C; color: #1A1A1A; }

/* ---- Video container ---- */
.video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-wrapper iframe, .video-wrapper video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ---- Stat counter ---- */
.stat-num { font-family: 'Cormorant Garamond', serif; font-size: 3.5rem; line-height: 1; color: #C9A84C; }

/* ---- Mobile menu ---- */
#mobile-menu { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; }
#mobile-menu.open { max-height: 400px; }

/* ============================================================
   Contact Form 7 — Style to match theme
   ============================================================ */
.wpcf7-form .wpcf7-text,
.wpcf7-form .wpcf7-tel,
.wpcf7-form .wpcf7-email,
.wpcf7-form .wpcf7-textarea {
    background: transparent;
    border: none;
    border-bottom: 1px solid #8C6D28;
    border-radius: 0;
    padding: 10px 0;
    color: #F5F0E8;
    font-family: 'Jost', sans-serif;
    width: 100%;
    outline: none;
    transition: border-color 0.3s;
    font-size: 0.95rem;
}
.wpcf7-form .wpcf7-text::placeholder,
.wpcf7-form .wpcf7-tel::placeholder,
.wpcf7-form .wpcf7-email::placeholder,
.wpcf7-form .wpcf7-textarea::placeholder {
    color: rgba(245,240,232,0.45);
    font-size: 0.85rem;
    letter-spacing: 0.06em;
}
.wpcf7-form .wpcf7-text:focus,
.wpcf7-form .wpcf7-tel:focus,
.wpcf7-form .wpcf7-email:focus,
.wpcf7-form .wpcf7-textarea:focus { border-color: #C9A84C; }
.wpcf7-form .wpcf7-textarea { resize: none; }
.wpcf7-form label {
    font-family: 'Jost', sans-serif;
    font-size: 0.7rem;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: #C9A84C;
    display: block;
    margin-bottom: 4px;
    margin-top: 24px;
}
.wpcf7-form .wpcf7-submit {
    margin-top: 28px;
    background: #C9A84C;
    color: #1A1A1A;
    font-family: 'Jost', sans-serif;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-size: 0.78rem;
    padding: 14px 36px;
    border: 2px solid #C9A84C;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
    width: 100%;
}
.wpcf7-form .wpcf7-submit:hover { background: transparent; color: #C9A84C; }
.wpcf7-not-valid-tip { color: #e57373; font-size: 0.75rem; font-family: 'Jost', sans-serif; margin-top: 4px; }
.wpcf7-response-output { color: #C9A84C; font-family: 'Jost', sans-serif; font-size: 0.8rem; margin-top: 16px; border: none !important; padding: 0 !important; }

/* ---- Custom logo sizing ---- */
.custom-logo { max-height: 60px; width: auto; }