/* ═══════════════════════════════════════════════════════
   DBolt Child Theme — Custom CSS
   ═══════════════════════════════════════════════════════ */

/* ── Variables ───────────────────────────────────────────
   نستخدم ألوان Astra مباشرة حيث تتطابق، ونعرّف المتغيرات
   الخاصة بنا فوق المتغيرات الأساسية بدون تعارض
   ──────────────────────────────────────────────────────── */
:root {
    /* ألوان العلامة التجارية */
    --dbolt-color-from:     #21A0FD;                          /* الأزرق */
    --dbolt-color-to:       var(--ast-global-color-6);        /* الأخضر #c6de2c — من Astra */
    --dbolt-color-dark:     var(--ast-global-color-0);        /* الداكن #092a5b — من Astra */
    --dbolt-color-primary:  var(--ast-global-color-1);        /* الأزرق الداكن #1a5fd4 — من Astra */
    --dbolt-color-bg:       var(--ast-global-color-8);        /* خلفية الصفحة #f4f6f9 — من Astra */

    /* Gradients */
    --dbolt-gradient:       linear-gradient(135deg, var(--dbolt-color-from) 0%, var(--dbolt-color-to) 100%);
    --dbolt-gradient-90:    linear-gradient(90deg,  var(--dbolt-color-from), var(--dbolt-color-to));
    --dbolt-gradient-soft:  linear-gradient(135deg, rgba(33,160,253,0.06) 0%, rgba(198,222,44,0.04) 100%);

    /* Glass effect */
    --dbolt-glass-bg:       rgba(255, 255, 255, 0.06);
    --dbolt-glass-border:   rgba(255, 255, 255, 0.1);
    --dbolt-glass-shadow:   0 8px 32px rgba(9, 42, 91, 0.45), 0 0 0 1px rgba(33, 160, 253, 0.08);
}


/* ══════════════════════════════════════════════════════
   BUTTONS
   ══════════════════════════════════════════════════════ */

.ast-button,
.wp-block-button__link,
.wpcf7-submit,
a.ast-button {
    background: var(--dbolt-gradient);
    transition: opacity 0.3s ease !important;
}

.ast-button:hover,
.wp-block-button__link:hover,
a.ast-button:hover {
    opacity: 0.88 !important;
}

/* Forminator */
.forminator-button,
.forminator-button-submit,
div.forminator-ui .forminator-button {
    background: var(--dbolt-gradient) !important;
    border-radius: 8px !important;
    transition: opacity 0.3s ease !important;
}

.forminator-button:hover,
.forminator-button-submit:hover,
div.forminator-ui .forminator-button:hover {
    opacity: 0.88 !important;
    background: var(--dbolt-gradient) !important;
}

.forminator-input {
    direction: rtl !important;
}


/* ══════════════════════════════════════════════════════
   TYPOGRAPHY
   ══════════════════════════════════════════════════════ */

.text-gradient {
    background: var(--dbolt-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.db-f-bold  { font-weight: 700; }
.db-f-width { width: 100% !important; }
.db-live-chat { width: 100% !important; }


/* ══════════════════════════════════════════════════════
   HEADER
   ══════════════════════════════════════════════════════ */

/* Glass header — غير مثبت */
header.site-header:not(.ast-header-sticked) #ast-desktop-header > .ast-main-header-wrap > .main-header-bar,
.dbolt-blur {
    pointer-events: auto;
    background: var(--dbolt-glass-bg);
    backdrop-filter: blur(24px) saturate(1.6);
    -webkit-backdrop-filter: blur(24px) saturate(1.6);
    border: 1px solid var(--dbolt-glass-border);
    border-radius: 16px;
    max-width: 90%;
    margin: 10px auto;
    box-shadow: var(--dbolt-glass-shadow);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Sticked header — يرجع للافتراضي */
header.site-header.ast-header-sticked #ast-desktop-header > .ast-main-header-wrap > .main-header-bar {
    background: var(--ast-global-color-0);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: none;
    border-radius: 0;
    max-width: 100%;
    margin: 0;
    box-shadow: none;
}

.ast-logo-title-inline .ast-site-identity,
.ast-container {
    padding: 0;
}

/* Menu items */
.main-header-menu .menu-item a {
    position: relative;
    border-radius: 8px;
}

.main-header-menu .menu-item a:hover::after,
.main-header-menu .menu-item a:active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30%;
    height: 2px;
    background: var(--dbolt-gradient-90);
}

/* Mobile menu toggle */
.ast-header-break-point .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle {
    color: #ffffff;
}

.ast-header-account {
display: flex;
padding: 10px;
background-color: var(--ast-global-color-7);
border-radius: 8px;
}

/* ══════════════════════════════════════════════════════
   FAQ — Spectra Accordion
   ══════════════════════════════════════════════════════ */

.wp-block-spectra-accordion-child-item button[aria-expanded="true"] {
    background-image: var(--dbolt-gradient-soft) !important;
    color: var(--ast-global-color-1) !important;
}

.wp-block-spectra-accordion-child-item button[aria-expanded="true"] .wp-block-spectra-accordion-child-header-icon {
    background-image: linear-gradient(to bottom right, rgb(202, 248, 128), rgb(113, 206, 126)) !important;
    color: #fff !important;
}

.wp-block-spectra-accordion-child-item:has(button[aria-expanded="true"]) {
    border-color: var(--ast-global-color-1) !important;
    transition: all 0.3s ease;
    box-shadow: 0 4px 20px rgba(33, 160, 253, 0.12);
}


/* ══════════════════════════════════════════════════════
   FOOTER
   ══════════════════════════════════════════════════════ */

.site-footer .widget-title {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.site-footer .widget-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 3px;
    background: var(--dbolt-gradient-90);
    border-radius: 50px;
}


/* ══════════════════════════════════════════════════════
   THIRD PARTY
   ══════════════════════════════════════════════════════ */

/* Consent link */
.consent-link a {
    color: var(--ast-global-color-1) !important;
    text-decoration: underline;
    font-weight: bold;
}

.consent-link a:hover {
    opacity: 0.75;
    text-decoration: none;
}

/* Chaty */
.chaty-whatsapp-body {
    max-height: calc(100vh - 229px);
    overflow-y: auto;
    direction: ltr;
}


/* ══════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════ */

@media (max-width: 1100px) and (min-width: 922px) {
    .main-navigation a {
        padding: 0 10px !important;
        font-size: 14px !important;
    }

    .site-logo-img img {
        max-width: 100px;
    }

    header.site-header:not(.ast-header-sticked) #ast-desktop-header > .ast-main-header-wrap > .main-header-bar,
    .dbolt-blur {
        max-width: 97%;
    }
}