/**
 * Background overlay gradients — match front-page `.hero-section__overlay`.
 * Loaded for Auth templates + Add Listing branding only.
 *
 * @package Sokna
 */

/* Same dual-gradient stack as assets/css/pages/home.css (.hero-section__overlay). */
.sokna-brand-bg-hero-overlay,
body.sokna-add-listing-bg:not(.houzez-dashboard-body) #main-content.site-main::after,
body.sokna-add-listing-bg.houzez-dashboard-body .dashboard-content::after {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.54) 42%, rgba(0, 0, 0, 0.18) 100%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.18) 45%, rgba(0, 0, 0, 0.68) 100%);
}

html[dir="rtl"] .sokna-brand-bg-hero-overlay,
html[dir="rtl"] body.sokna-add-listing-bg:not(.houzez-dashboard-body) #main-content.site-main::after,
html[dir="rtl"] body.sokna-add-listing-bg.houzez-dashboard-body .dashboard-content::after {
    background:
        linear-gradient(270deg, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.54) 42%, rgba(0, 0, 0, 0.18) 100%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.18) 45%, rgba(0, 0, 0, 0.68) 100%);
}

body.sokna-add-listing-bg:not(.houzez-dashboard-body) #main-content.site-main::after,
body.sokna-add-listing-bg.houzez-dashboard-body .dashboard-content::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    opacity: var(--sokna-brand-gradient-overlay-opacity, 1);
}