/*
Theme Name: Hedayet SEO Consultant & Agency
Theme URI: https://hedayetseoconsultant.com/
Author: Hedayet
Author URI: https://hedayetseoconsultant.com/
Description: Ultra-fast, high-converting WordPress theme for International SEO & AI Search Consultant Hedayet. Features dark luxury aesthetics, AEO/GEO modules, interactive counters, and custom animated cards.
Version: 2.6.2
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hedayet-seo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ========== WORDPRESS ADMIN BAR DROPDOWN OVERLAP FIX ========== */
#wpadminbar {
    z-index: 999999999 !important;
}
#wpadminbar .menupop .ab-sub-wrapper,
#wpadminbar .ab-sub-wrapper,
#wpadminbar ul,
#wpadminbar ul li,
#wpadminbar ul li ul,
#wpadminbar .ab-top-secondary {
    z-index: 999999999 !important;
}
body.admin-bar #header {
    top: 32px !important;
    z-index: 999999 !important;
}
@media screen and (max-width: 782px) {
    body.admin-bar #header {
        top: 46px !important;
    }
}

/* ========== GLOBAL DISTINCT HEADING TYPOGRAPHY & SCALING (H1 - H5) ========== */
h1, .heading-h1 {
    font-size: clamp(2rem, 3.8vw, 2.5rem) !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    margin: 1.25rem 0 0.75rem 0;
}
h2, .heading-h2 {
    font-size: clamp(1.6rem, 3vw, 2rem) !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    margin: 1.15rem 0 0.65rem 0;
}
h3, .heading-h3 {
    font-size: clamp(1.35rem, 2.4vw, 1.6rem) !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    margin: 1rem 0 0.55rem 0;
}
h4, .heading-h4 {
    font-size: clamp(1.18rem, 2vw, 1.35rem) !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    margin: 0.85rem 0 0.45rem 0;
}
h5, .heading-h5 {
    font-size: clamp(1.05rem, 1.6vw, 1.18rem) !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
    margin: 0.75rem 0 0.35rem 0;
}
h6, .heading-h6 {
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ========== HIGH-CONTRAST READABLE CONTACT FORM DISCLAIMER & CONSENT ========== */
.consent-text,
.contact-form .consent-text,
body .contact-form .consent-text,
body.dark-mode .contact-form .consent-text {
    color: #94a3b8 !important;
    font-size: 0.8rem !important;
    line-height: 1.45 !important;
    opacity: 1 !important;
    margin: 0.6rem 0 !important;
}
.checkbox-group label,
.contact-form .checkbox-group label,
.contact-form label[for="consent"],
body .contact-form label[for="consent"],
body.dark-mode .contact-form label[for="consent"] {
    font-size: 0.88rem !important;
    font-weight: 500 !important;
    color: #f1f5f9 !important;
    line-height: 1.45 !important;
    cursor: pointer !important;
}
.checkbox-group label .required,
.contact-form label[for="consent"] .required {
    color: #38bdf8 !important;
    font-weight: 700 !important;
}/* ========== FIX 2: BUTTON-OUTLINE — DARK MODE TEXT ALWAYS VISIBLE (GLOBAL) ========== */
/* Ensures secondary/outline buttons are readable in dark mode without hover */
.button-outline,
.button.button-outline {
    background: transparent !important;
    color: #0F1562 !important;
    border: 2px solid #0F1562 !important;
    box-shadow: none !important;
}
.button-outline:hover,
.button.button-outline:hover {
    background: #0F1562 !important;
    color: #ffffff !important;
    border-color: #0F1562 !important;
}
body.dark-mode .button-outline,
body.dark-mode .button.button-outline,
.dark-mode .button-outline,
.dark-mode .button.button-outline {
    background: transparent !important;
    color: #00bcff !important;
    border: 2px solid #00bcff !important;
    box-shadow: 0 0 15px rgba(0, 188, 255, 0.15) !important;
}
body.dark-mode .button-outline:hover,
body.dark-mode .button.button-outline:hover,
.dark-mode .button-outline:hover,
.dark-mode .button.button-outline:hover {
    background: #00bcff !important;
    color: #070a12 !important;
    border-color: #00bcff !important;
    box-shadow: 0 4px 20px rgba(0, 188, 255, 0.4) !important;
}

/* ========== SERVICES DROPDOWN LINK TEXT — ZERO FOUC PROTECTION ========== */
body.dark-mode .nav-dropdown-menu a,
body.dark-mode .dropdown-list li a,
body.dark-mode #menu ul.menu .sub-menu li a,
.dark-mode .nav-dropdown-menu a,
.dark-mode .dropdown-list li a,
.dark-mode #menu ul.menu .sub-menu li a {
    color: #cbd5e1 !important;
}
body.dark-mode .nav-dropdown-menu a:hover,
body.dark-mode .dropdown-list li a:hover,
body.dark-mode #menu ul.menu .sub-menu li a:hover,
.dark-mode .nav-dropdown-menu a:hover,
.dark-mode .dropdown-list li a:hover,
.dark-mode #menu ul.menu .sub-menu li a:hover {
    color: #00bcff !important;
}
body:not(.dark-mode) .nav-dropdown-menu a,
body:not(.dark-mode) .dropdown-list li a,
body:not(.dark-mode) #menu ul.menu .sub-menu li a {
    color: #334155 !important;
}
body:not(.dark-mode) .nav-dropdown-menu a:hover,
body:not(.dark-mode) .dropdown-list li a:hover,
body:not(.dark-mode) #menu ul.menu .sub-menu li a:hover {
    color: #0F1562 !important;
}

/* ========== FIX 3a: FORM LABELS — DARK MODE VISIBLE (GLOBAL) ========== */
/* Ensures all contact/form labels are readable in dark backgrounds globally */
body.dark-mode .contact-form label,
body.dark-mode .form-group label,
.dark-mode .contact-form label,
.dark-mode .form-group label {
    color: #e2e8f0 !important;
}
body.dark-mode .contact-form label .required,
.dark-mode .contact-form label .required {
    color: #38bdf8 !important;
}
body.dark-mode .contact-form label .optional,
.dark-mode .contact-form label .optional {
    color: #94a3b8 !important;
}

/* ========== FIX 3b: PHONE FIELD — COUNTRY CODE + NUMBER COMBO ========== */
.phone-combo-wrap {
    display: flex;
    gap: 0;
    width: 100%;
    border-radius: 0.85rem;
    overflow: hidden;
    border: 1.5px solid #cbd5e1;
    background: #ffffff;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.phone-combo-wrap:focus-within {
    border-color: #00bcff;
    box-shadow: 0 0 0 4px rgba(0, 188, 255, 0.15);
}
.phone-country-select {
    flex-shrink: 0;
    padding: 1.05rem 0.6rem 1.05rem 0.9rem;
    border: none;
    background: #f0f4fa;
    color: #0F1562;
    font-size: 0.95rem;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    outline: none;
    cursor: pointer;
    border-right: 1.5px solid #cbd5e1;
    min-width: 6.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%230F1562' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    padding-right: 1.6rem;
}
.phone-number-input {
    flex: 1;
    padding: 1.05rem 1.35rem !important;
    border: none !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #1e293b !important;
    font-size: 1.05rem;
    font-family: 'Noto Sans', sans-serif;
    outline: none !important;
    box-shadow: none !important;
    width: 100% !important;
}
body.dark-mode .phone-combo-wrap,
.dark-mode .phone-combo-wrap {
    border-color: #1e295f;
    background: #11173d;
}
body.dark-mode .phone-combo-wrap:focus-within,
.dark-mode .phone-combo-wrap:focus-within {
    border-color: #00bcff;
    box-shadow: 0 0 0 4px rgba(0, 188, 255, 0.15);
}
body.dark-mode .phone-country-select,
.dark-mode .phone-country-select {
    background-color: #0d1530;
    color: #e2e8f0;
    border-right-color: #1e295f;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2300bcff' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
}
body.dark-mode .phone-number-input,
.dark-mode .phone-number-input {
    background: #11173d !important;
    color: #ffffff !important;
}

/* ========== FIX 1: QUICK-NAV CONTAINER CURSOR STYLE ========== */
.quick-nav-container,
.quick-nav-inner {
    cursor: grab;
}
.quick-nav-container:active,
.quick-nav-inner:active {
    cursor: grabbing;
}

/* ========== FIX 7: "WHO IS HEDAYET" SECTION LAYOUT LOCK (GRID) ========== */
/* Prevents image and icon from breaking layout when content length changes */
.section-quien-es-aleyda {
    padding: 3rem 0 4rem !important;
    width: 100% !important;
}
.section-quien-es-aleyda .container,
.section-quien-es-aleyda > .container {
    display: grid !important;
    grid-template-columns: 1.12fr 0.88fr !important;
    gap: 3.5rem !important;
    align-items: start !important;
    width: 92% !important;
    max-width: 76rem !important;
    margin: 0 auto !important;
}
.section-quien-es-aleyda .section-text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    min-width: 0 !important;
    width: 100% !important;
    align-self: start !important;
}
.section-quien-es-aleyda .section-text h3,
.section-quien-es-aleyda h3 {
    color: #ffffff !important;
    font-family: 'Suez One', serif !important;
    font-size: clamp(1.8rem, 4vw, 2.5rem) !important;
    margin-bottom: 1.5rem !important;
}
.section-quien-es-aleyda .section-text p {
    color: #cbd5e1 !important;
    line-height: 1.7rem !important;
    font-size: 1.05rem !important;
    margin-bottom: 1rem !important;
    width: 100% !important;
}
.section-quien-es-aleyda .social-share-wrapper {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 1.5rem !important;
    clear: both !important;
    float: none !important;
    position: static !important;
}
.section-quien-es-aleyda .section-box,
.section-quien-es-aleyda .hedayet-who-card {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 30rem !important;
    margin: 0 auto !important;
    align-self: start !important;
    position: relative !important;
    top: 0 !important;
    border-radius: 2rem !important;
    overflow: hidden !important;
}
.section-quien-es-aleyda .who-hedayet-img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    border-radius: 2rem !important;
    object-fit: contain !important;
    display: block !important;
}
@media (max-width: 991px) {
    .section-quien-es-aleyda .container,
    .section-quien-es-aleyda > .container {
        grid-template-columns: 1fr !important;
        gap: 2.5rem !important;
    }
    .section-quien-es-aleyda .section-box,
    .section-quien-es-aleyda .hedayet-who-card {
        grid-column: 1 !important;
        grid-row: auto !important;
        max-width: 100% !important;
        position: static !important;
    }
    .section-quien-es-aleyda .social-share-wrapper {
        justify-content: center !important;
    }
}


/* ========== FIX 6: DATA FLOW — ENSURE KEY HIGHLIGHT BLUE LABELS RESPECT BACKEND ========== */
/* Global class for blue highlight labels in cards (backend can wrap text in this class) */
.card-highlight-label,
.key-highlight-label {
    color: #00bcff;
    font-weight: 700;
}
body:not(.dark-mode) .card-highlight-label,
body:not(.dark-mode) .key-highlight-label {
    color: #0F1562;
}

/* ========== SERVICES HEADER CENTER ALIGNMENT (HOMEPAGE) ========== */
.section-services .services-header-box,
.section-services .section-services-header,
.services-header-box {
    text-align: center !important;
    margin-bottom: 3.5rem !important;
}
.section-services .section__subtitle_small {
    text-align: center !important;
    display: inline-block !important;
}
.section-services .section__title {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ========== HEADING HIERARCHY COMPATIBILITY (ZERO VISUAL DAMAGE) ========== */
.section-quien-es-aleyda .section-text h2,
.section-quien-es-aleyda .section-text h2.section-who-heading {
    font-family: 'Suez One', serif !important;
    color: #ffffff !important;
    font-size: clamp(1.8rem, 4vw, 2.5rem) !important;
    margin-bottom: 1.5rem !important;
    line-height: 1.2 !important;
}
.section-articles h2.section__title,
.section-podcast h2.section-podcast__title,
.section-services h2.section__title,
#contact-text h2.section__title {
    font-family: 'Suez One', serif !important;
    color: #ffffff !important;
}