/* ==========================================================
   page-banner — بانر عنوان الصفحات الداخلية (مسار + عنوان + حافة سحابية)
   ========================================================== */

:root {
    --ebmnt1-page-banner-background: linear-gradient(180deg, var(--ebmnt1-color-helper-sky), var(--ebmnt1-color-helper-pink-soft));
    --ebmnt1-page-banner-cloud-color: var(--ebmnt1-color-page-background);
    --ebmnt1-page-banner-title-color: var(--ebmnt1-color-helper-purple);
    --ebmnt1-page-banner-title-accent-color: var(--ebmnt1-color-primary);
    --ebmnt1-page-banner-text-color: var(--ebmnt1-color-text);
    --ebmnt1-page-banner-crumb-color: var(--ebmnt1-color-text-soft);
    --ebmnt1-page-banner-crumb-active-color: var(--ebmnt1-color-primary);
    --ebmnt1-page-banner-crumb-icon-color: var(--ebmnt1-color-helper-lavender);
    --ebmnt1-page-banner-deco-one-color: var(--ebmnt1-color-helper-yellow);
    --ebmnt1-page-banner-deco-two-color: var(--ebmnt1-color-primary);
    --ebmnt1-page-banner-deco-three-color: var(--ebmnt1-color-helper-mint-strong);
    --ebmnt1-page-banner-font-size-title: clamp(1.8rem, 1.2rem + 3vw, 3.2rem);
    --ebmnt1-page-banner-font-size-text: clamp(0.92rem, 0.86rem + 0.35vw, 1.15rem);
    --ebmnt1-page-banner-font-size-crumb: clamp(0.78rem, 0.72rem + 0.3vw, 0.95rem);
}

.ebmnt1-page-banner {
    position: relative;
    overflow: hidden;
    background: var(--ebmnt1-page-banner-background);
    gap: 1.6em;
}

.ebmnt1-page-banner::before,
.ebmnt1-page-banner::after {
    content: "";
}

.ebmnt1-page-banner::after {
    height: 1.6rem;
    background-image: radial-gradient(circle at 50% 100%, var(--ebmnt1-page-banner-cloud-color) 0 68%, transparent 70%);
    background-size: 3rem 100%;
    background-repeat: repeat-x;
    margin-top: -1.2em;
}

.ebmnt1-page-banner__inner {
    gap: 0.8em;
}

.ebmnt1-page-banner__crumbs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.5em;
    font-size: var(--ebmnt1-page-banner-font-size-crumb);
    color: var(--ebmnt1-page-banner-crumb-color);
}

.ebmnt1-page-banner__crumbs i {
    color: var(--ebmnt1-page-banner-crumb-icon-color);
    font-size: 0.75em;
}

.ebmnt1-page-banner__crumbs a:hover {
    color: var(--ebmnt1-page-banner-crumb-active-color);
}

.ebmnt1-page-banner__crumb-current {
    color: var(--ebmnt1-page-banner-crumb-active-color);
    font-weight: 700;
}

.ebmnt1-page-banner__title {
    font-size: var(--ebmnt1-page-banner-font-size-title);
    color: var(--ebmnt1-page-banner-title-color);
    font-weight: 700;
}

.ebmnt1-page-banner__title strong {
    color: var(--ebmnt1-page-banner-title-accent-color);
}

.ebmnt1-page-banner__text {
    max-width: 38rem;
    font-size: var(--ebmnt1-page-banner-font-size-text);
    color: var(--ebmnt1-page-banner-text-color);
}

.ebmnt1-page-banner__deco {
    position: absolute;
    pointer-events: none;
    font-size: clamp(1.2rem, 1rem + 1.4vw, 2.2rem);
    animation: ebmnt1-page-banner-float 5s ease-in-out infinite;
}

.ebmnt1-page-banner__deco--one { top: 18%; right: 6%; color: var(--ebmnt1-page-banner-deco-one-color); }
.ebmnt1-page-banner__deco--two { top: 30%; left: 7%; color: var(--ebmnt1-page-banner-deco-two-color); animation-delay: -1.7s; }
.ebmnt1-page-banner__deco--three { display: none; bottom: 22%; right: 14%; color: var(--ebmnt1-page-banner-deco-three-color); animation-delay: -3.2s; }

@media (min-width: 768px) {
    .ebmnt1-page-banner__deco--three { display: block; }
}

@keyframes ebmnt1-page-banner-float {
    0%, 100% { transform: translateY(0) rotate(-8deg); }
    50% { transform: translateY(-0.8rem) rotate(10deg); }
}

@media (prefers-reduced-motion: reduce) {
    .ebmnt1-page-banner__deco { animation: none; }
}