/* Glow Now intro — aligned with mobile app palette (cream, bronze, gold) */

html:has(body.glow-intro) {
    background-color: #f2e8d9;
}

body.glow-intro {
    --glow-cream: #f2e8d9;
    --glow-cream-deep: #e8dcc8;
    --glow-cream-card: #fffcf7;
    --glow-cream-muted: #ebe3d9;
    --glow-bronze: #63412c;
    --glow-bronze-deep: #4a3024;
    --glow-bronze-soft: rgba(99, 65, 44, 0.65);
    --glow-gold-mid: #c9a962;
    --glow-gold-light: #e8d4a8;
    --glow-shadow: rgba(99, 65, 44, 0.12);
    --glow-shadow-lg: rgba(74, 48, 36, 0.18);
    font-family: "Tajawal", "JF-Flat", sans-serif;
    background-color: var(--glow-cream);
    color: var(--glow-bronze);
}

/* --- Hero header --- */
body.glow-intro .header {
    background: linear-gradient(168deg, #ede4d6 0%, var(--glow-cream) 42%, var(--glow-cream-deep) 100%);
    border-radius: 0 0 clamp(32px, 8vw, 120px) clamp(32px, 8vw, 120px);
    box-shadow: 0 24px 48px var(--glow-shadow-lg);
}

body.glow-intro .head-wellcom {
    color: var(--glow-bronze);
}

body.glow-intro .head-wellcom h2 {
    font-weight: 700;
    font-size: clamp(1.75rem, 4vw, 2.35rem);
    line-height: 1.35;
    letter-spacing: 0.02em;
    background: linear-gradient(120deg, #8b6914 0%, var(--glow-gold-mid) 45%, var(--glow-gold-light) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    max-width: 100%;
}

body.glow-intro .head-wellcom > p {
    color: var(--glow-bronze-soft);
    font-size: 1.05rem;
    line-height: 1.75;
}

body.glow-intro .headImg img {
    border-radius: 24px;
    box-shadow: 0 20px 50px var(--glow-shadow-lg);
    object-fit: cover;
}

body.glow-intro .floatimg {
    filter: drop-shadow(0 12px 24px var(--glow-shadow));
}

body.glow-intro .appLink a img {
    border-radius: 14px;
    box-shadow: 0 8px 24px var(--glow-shadow);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body.glow-intro .appLink a:hover img {
    transform: scale(1.03);
    box-shadow: 0 12px 32px var(--glow-shadow-lg);
}

/* Policy / terms content */
body.glow-intro #Policy,
body.glow-intro #Conditions {
    color: var(--glow-bronze);
}

body.glow-intro #Policy h1,
body.glow-intro #Policy h2,
body.glow-intro #Conditions h1,
body.glow-intro #Conditions h2 {
    color: var(--glow-bronze-deep);
}

/* --- Top bar --- */
body.glow-intro #fixedHead {
    padding: 12px 0;
    transition: background 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

body.glow-intro .fixedhead {
    background: rgba(242, 232, 217, 0.94) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 8px 32px var(--glow-shadow) !important;
    border-bottom: 1px solid rgba(99, 65, 44, 0.08);
}

body.glow-intro .navBar li a {
    color: var(--glow-bronze) !important;
    font-weight: 500;
    font-size: 14px;
}

body.glow-intro .navBar li a:hover {
    color: var(--glow-gold-mid) !important;
}

body.glow-intro .bars span {
    background-color: var(--glow-bronze);
}

body.glow-intro .navbar-layer {
    background-color: rgba(74, 48, 36, 0.45);
}

body.glow-intro .nav-list.respon {
    background: linear-gradient(180deg, var(--glow-cream-card) 0%, var(--glow-cream) 100%) !important;
    box-shadow: -8px 0 40px var(--glow-shadow-lg);
}

body.glow-intro .navBar.respon li a {
    color: var(--glow-bronze) !important;
}

body.glow-intro .navBar.respon li a:hover {
    color: var(--glow-gold-mid) !important;
}

/* Language + admin actions */
body.glow-intro .language-switcher button,
body.glow-intro .btn-glow-lang {
    background: var(--glow-cream-card) !important;
    border: 1px solid rgba(99, 65, 44, 0.25) !important;
    color: var(--glow-bronze) !important;
    padding: 8px 18px !important;
    border-radius: 14px !important;
    font-weight: 600;
    font-size: 14px;
    box-shadow: 0 4px 14px var(--glow-shadow);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

body.glow-intro .language-switcher button:hover,
body.glow-intro .btn-glow-lang:hover {
    background: #fff !important;
    color: var(--glow-bronze-deep) !important;
    box-shadow: 0 6px 20px var(--glow-shadow);
    transform: translateY(-1px);
}

body.glow-intro .btn-glow-panel {
    background: transparent !important;
    border: 1px solid rgba(99, 65, 44, 0.35) !important;
    color: var(--glow-bronze) !important;
    padding: 8px 16px !important;
    border-radius: 14px !important;
    font-weight: 600;
    text-decoration: none !important;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

body.glow-intro .btn-glow-panel:hover {
    background: rgba(255, 255, 255, 0.85) !important;
    border-color: var(--glow-bronze) !important;
    color: var(--glow-bronze-deep) !important;
}

/* --- Sections (features, carousel area) --- */
body.glow-intro .about-us {
    padding: 4rem 0;
}

body.glow-intro .about-text p {
    color: var(--glow-bronze-soft);
    font-size: 1.05rem;
    line-height: 1.8;
}

body.glow-intro .about-text h3 {
    color: var(--glow-bronze);
    font-weight: 700;
}

body.glow-intro .about-img::before {
    background: linear-gradient(145deg, rgba(201, 169, 98, 0.35) 0%, rgba(99, 65, 44, 0.15) 100%) !important;
}

body.glow-intro .about-img:hover.about-img::before {
    background: linear-gradient(145deg, rgba(201, 169, 98, 0.5) 0%, rgba(99, 65, 44, 0.22) 100%) !important;
}

body.glow-intro .about-app {
    background: linear-gradient(180deg, var(--glow-cream-muted) 0%, var(--glow-cream) 100%);
    color: var(--glow-bronze);
    padding: 4rem 0;
    border-radius: 0;
}

body.glow-intro .about-app .titl,
body.glow-intro .about-app .textInfo {
    color: var(--glow-bronze);
}

body.glow-intro .about-app .textInfo {
    opacity: 0.9;
}

body.glow-intro .howItem {
    background: var(--glow-cream-card);
    border-radius: 20px;
    padding: 1.5rem 1.25rem;
    border: 1px solid rgba(99, 65, 44, 0.08);
    box-shadow: 0 12px 40px var(--glow-shadow);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

body.glow-intro .howItem:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 48px var(--glow-shadow-lg);
}

body.glow-intro .icon {
    background: linear-gradient(145deg, #fff 0%, var(--glow-cream) 100%);
    border-radius: 18px;
    color: var(--glow-bronze);
    border: 1px solid rgba(99, 65, 44, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

body.glow-intro .txt h4 {
    color: var(--glow-bronze);
    font-weight: 700;
}

body.glow-intro .txt p.gray,
body.glow-intro .txt p {
    color: var(--glow-bronze-soft);
}

body.glow-intro .appPage {
    color: var(--glow-bronze);
    padding: 3rem 0;
}

body.glow-intro .titl {
    color: var(--glow-bronze);
    font-weight: 700;
    font-size: clamp(1.5rem, 3vw, 1.85rem);
}

body.glow-intro .textInfo {
    color: var(--glow-bronze-soft);
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.02rem;
    line-height: 1.75;
}

/* App screenshots carousel — app-like rounded frame */
body.glow-intro .firstcarousel .owl-item img {
    border-radius: 20px;
    box-shadow: 0 16px 40px var(--glow-shadow);
}

body.glow-intro .firstcarousel .owl-stage {
    padding: 20px 0 28px;
}

body.glow-intro .owl-theme .owl-dots .owl-dot span {
    background: rgba(99, 65, 44, 0.28) !important;
}

body.glow-intro .owl-theme .owl-dots .owl-dot.active span,
body.glow-intro .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--glow-bronze) !important;
}

/* Video */
body.glow-intro .video-display video {
    border-radius: 22px;
    box-shadow: 0 20px 50px var(--glow-shadow-lg);
}

body.glow-intro .playIcon {
    background-color: rgba(99, 65, 44, 0.35);
    border-radius: 22px;
}

body.glow-intro .playIcon i {
    background: linear-gradient(145deg, var(--glow-gold-light), #fff);
    color: var(--glow-bronze);
}

/* Testimonials */
body.glow-intro .secondcarousel .item {
    background: var(--glow-cream-card);
    border-radius: 20px;
    border: 1px solid rgba(99, 65, 44, 0.08);
    box-shadow: 0 12px 36px var(--glow-shadow);
}

body.glow-intro .secondcarousel .item > p {
    color: var(--glow-bronze-soft);
}

body.glow-intro .rated,
body.glow-intro .rated i {
    color: var(--glow-gold-mid) !important;
}

body.glow-intro .client-info .name {
    color: var(--glow-bronze);
    font-weight: 600;
}

/* Contact form — search-bar style */
body.glow-intro .form_label input,
body.glow-intro .areaForm {
    background: #fff !important;
    border: 1px solid rgba(99, 65, 44, 0.12) !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px var(--glow-shadow) !important;
    color: var(--glow-bronze);
}

body.glow-intro .form_label input::placeholder,
body.glow-intro .areaForm::placeholder {
    color: rgba(99, 65, 44, 0.45);
}

body.glow-intro .form_label input[type="button"],
body.glow-intro #form1 input[type="button"] {
    background: linear-gradient(135deg, var(--glow-bronze) 0%, var(--glow-bronze-deep) 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 16px !important;
    padding: 12px 36px !important;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 10px 28px rgba(99, 65, 44, 0.35);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body.glow-intro .form_label input[type="button"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(99, 65, 44, 0.4);
}

/* Partners */
body.glow-intro .partners-item {
    background: var(--glow-cream-card);
    border-radius: 18px;
    padding: 1rem;
    box-shadow: 0 8px 28px var(--glow-shadow);
    border: 1px solid rgba(99, 65, 44, 0.06);
}

/* Footer */
body.glow-intro .arselfooter {
    background: linear-gradient(180deg, var(--glow-bronze) 0%, var(--glow-bronze-deep) 55%, #3d261c 100%);
    color: var(--glow-cream);
    margin-top: 0;
    padding-top: 3.5rem;
    padding-bottom: 1rem;
}

body.glow-intro .footer-item p {
    color: rgba(242, 232, 217, 0.92);
}

body.glow-intro .footer-item h4 {
    color: var(--glow-gold-light);
    font-weight: 700;
}

body.glow-intro .footer-item ul li a {
    color: var(--glow-cream) !important;
}

body.glow-intro .footer-item ul li a:hover {
    color: var(--glow-gold-light) !important;
}

body.glow-intro footer .footer-item ul.social a {
    border-color: rgba(242, 232, 217, 0.45);
    background: rgba(255, 255, 255, 0.06);
}

body.glow-intro .footer-bottom {
    background: #2c1b14;
    color: var(--glow-cream);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

body.glow-intro .footer-bottom ul li a {
    color: rgba(242, 232, 217, 0.85) !important;
}

body.glow-intro .footer-bottom ul li a:hover {
    color: var(--glow-gold-light) !important;
}

body.glow-intro .maskfooter {
    opacity: 0.15;
}

/* Mobile header curve */
@media (max-width: 767px) {
    body.glow-intro .header {
        border-radius: 0 0 24px 24px;
    }
}

/* Logos in header/footer */
body.glow-intro .logodiv img,
body.glow-intro .footer-item > a > img {
    border-radius: 14px;
    box-shadow: 0 8px 24px var(--glow-shadow);
}

body.glow-intro .opinion {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (max-width: 992px) {
    body.glow-intro .lastitem {
        background: var(--glow-cream-card) !important;
        border: 1px solid rgba(99, 65, 44, 0.12);
    }

    body.glow-intro .lastitem a {
        color: var(--glow-bronze) !important;
    }
}