/*!
 * Baly Digital — shared design tokens + base.
 *
 * Ports the canonical Baly Design System tokens
 * (baly-design-system/colors_and_type.css) into a --dg-* namespace so they
 * can't collide with the theme's own custom properties. Scoped to the
 * plugin's shortcode roots (not :root) for the same reason; every nested
 * element inherits, and the search results modal lives inside its root.
 *
 * Font: the live digital.baly.iq already serves Graphik Arabic (the theme
 * loads it); we prefer the family names that are present rather than
 * re-declaring @font-face cross-origin.
 */

.baly-search-hero,
.baly-hero-slider,
.baly-cards-carousel,
.baly-category-listing,
.baly-shortcode-wrap,
.baly-results-modal {
	/* Brand */
	--dg-brand:          #0043FF;
	--dg-brand-hover:    #0039E0;
	--dg-brand-active:   #002FBF;
	--dg-brand-light:    #B8C9FF;
	--dg-brand-lighter:  #E6ECFF;
	--dg-brand-10:       rgba(0, 67, 255, 0.10);
	--dg-brand-20:       rgba(0, 67, 255, 0.20);

	/* Neutrals */
	--dg-black:          #0A0A0A;
	--dg-grey-900:       #1A1A1A;
	--dg-grey-800:       #2E2E2E;
	--dg-grey-700:       #4A4A4A;
	--dg-grey-600:       #666666;
	--dg-grey-500:       #8A8A8A;
	--dg-grey-400:       #ADADAD;
	--dg-grey-300:       #CCCCCC;
	--dg-grey-200:       #E5E5E5;
	--dg-grey-100:       #F5F5F7;
	--dg-grey-50:        #FAFAFA;
	--dg-white:          #FFFFFF;

	/* Semantic */
	--dg-success:        #00A845;
	--dg-success-light:  #DFF5E7;
	--dg-error:          #D92D20;
	--dg-error-light:    #FEE9E7;
	--dg-warning:        #E08A00;
	--dg-warning-light:  #FFF3DB;

	/* Foreground / surface roles */
	--dg-fg-primary:     var(--dg-black);
	--dg-fg-secondary:   var(--dg-grey-600);
	--dg-fg-tertiary:    var(--dg-grey-400);
	--dg-border:         var(--dg-grey-200);
	--dg-border-subtle:  var(--dg-grey-100);

	/* Shadows */
	--dg-shadow-1:       0 1px 4px rgba(0,0,0,0.06);
	--dg-shadow-2:       0 2px 12px rgba(0,0,0,0.10);
	--dg-shadow-3:       0 8px 32px rgba(0,0,0,0.14);
	--dg-shadow-brand:   0 4px 20px rgba(0, 67, 255, 0.25);
	--dg-shadow-card:    0 1px 0 rgba(0,0,0,.04), 0 8px 24px -12px rgba(0,0,0,.10), 0 32px 60px -24px rgba(0,30,80,.12);

	/* Radii */
	--dg-radius-sm:      8px;
	--dg-radius-md:      12px;
	--dg-radius-lg:      16px;
	--dg-radius-xl:      20px;
	--dg-radius-2xl:     28px;
	--dg-radius-pill:    999px;

	/* Typography + motion */
	--dg-font:           "Graphikarabic3", "GraphikArabic", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	--dg-ease-out:       cubic-bezier(0.16, 1, 0.3, 1);
	--dg-duration-fast:  150ms;
	--dg-accent-yellow:  #FFE15E;
}

/* Legacy / Elementor leftovers kept from the original shared sheet. */
.e-con-inner.baly-digital-max-1060 {
	max-width: 1060px;
}

.single-card article.card.type-card {
	border: 0;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}