/* Custom styles for مجيب website */
body {
    font-family: 'Tajawal', sans-serif;
    scroll-behavior: smooth;
}

.gradient-bg {
    background: linear-gradient(to right, #667eea, #764ba2);
    background-attachment: fixed;
}

.glass-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Subtle glow utility for icons/cards */
.soft-glow {
    box-shadow: 0 0 0 0 rgba(124, 58, 237, 0.0), 0 0 0 0 rgba(59, 130, 246, 0.0);
}
.soft-glow:hover {
    box-shadow: 0 10px 30px -10px rgba(124, 58, 237, 0.35), 0 6px 20px -12px rgba(59, 130, 246, 0.35);
    transition: box-shadow 300ms ease;
}

/* Accent ring behind icons */
.icon-ring {
    position: relative;
}
.icon-ring::before {
    content: '';
    position: absolute;
    inset: -6px;
    border-radius: 9999px;
    background: radial-gradient(closest-side, rgba(124, 58, 237, 0.28), rgba(59, 130, 246, 0.18), transparent 70%);
    filter: blur(8px);
    z-index: 0;
}
.icon-ring > * {
    position: relative;
    z-index: 1;
}

/* Dotted divider */
.dotted-divider {
    border-top: 1px dashed rgba(255, 255, 255, 0.18);
}

.faq-item summary::-webkit-details-marker {
    display: none;
}


div#smartassist-iframe-container {
    outline: 1px solid #fff !important;
}

/* English-only positioning overrides */
html[lang="en"] div#smartassist-iframe-container {
    right: 20px !important;
}

html[lang="en"] button#smartassist-button {
	right: 20px !important;
}

/* Outline white button style used for language and video buttons */
.btn-outline-white {
    background-color: transparent !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.9) !important;
}
.btn-outline-white:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}