/* Couponat — left-to-right sites (English…). Loaded after theme.css only when ! is_rtl().
   The components are authored RTL-first with logical properties, so most of them mirror on their own;
   this file fixes what does not: physical paddings, horizontal arrow icons, decorative gradients and
   rotations, and Latin typography. Every rule here is a candidate to move into the component source. */

/* Gradient geometry, shared with dark.css (which repaints the same backgrounds in dark colours). */
:root{
	--cw-hero-glow-1:15% -10%;
	--cw-hero-glow-2:100% 110%;
	--cw-storeHeader-angle:270deg;
	--cw-seasonBanner-angle:240deg;
	--cw-seasonHero-angle:225deg;
}

/* ---------- icons: arrows drawn for RTL point "forward" to the left ---------- */
.cw-icon--dir{transform:scaleX(-1)}

/* ---------- physical paddings (theme.css writes them as right/left shorthands) ---------- */
.cw-pill{padding-inline:12px 10px}
.cw-couponCard__badges .cw-pill{padding-inline:10px 8px}
.cw-storePill{padding-inline:4px 14px}

/* ---------- decorative gradients and tilts, mirrored ---------- */
.cw-hero{background:radial-gradient(1200px 500px at var(--cw-hero-glow-1),var(--cw-p-blue-100),transparent 60%),radial-gradient(800px 400px at var(--cw-hero-glow-2),var(--cw-p-butter-50),transparent 60%),var(--cw-bg-page)}
.cw-storeHeader{background:linear-gradient(var(--cw-storeHeader-angle),var(--cw-p-butter-50),var(--cw-bg-page))}
.cw-seasonBanner{background:linear-gradient(var(--cw-seasonBanner-angle),var(--cw-p-slate-900),var(--cw-p-blue-800))}
.cw-seasonHero{background:linear-gradient(var(--cw-seasonHero-angle),var(--cw-p-slate-950),var(--cw-p-slate-900) 55%,var(--cw-p-blue-900))}
.cw-404__ticket{transform:rotate(3deg)}

/* ---------- header ---------- */
/* English menu labels are longer than the Arabic ones: keep each item on one line, and let the search
   field give way (its input otherwise keeps a ~170px intrinsic width and pushes the bar past the container). */
.cw-nav__list a{white-space:nowrap}
.cw-search input{inline-size:0}
@media (max-width:1480px){ /* the channel button turns into an icon and the "/" hint goes, so the search keeps a usable width */
	.cw-search__kbd{display:none}
	.cw-actions .cw-btn span{display:none}
}
@media (max-width:760px){
	/* On phones the actions row starts at the left edge, so the country menu opens to the right. */
	.cw-cs__panel{inset-inline-end:auto;inset-inline-start:0}
}

/* ---------- Latin typography ---------- */
/* Thmanyah Sans/Serif carry full Latin; Arabic needs tall lines and zero tracking, Latin reads better a little tighter. */
.cw-hero__title,.cw-storeHeader__title,.cw-pageHero__title,.cw-article__title,.cw-seasonHero h1,.cw-404 h1{letter-spacing:-.015em}
.cw-h2,.cw-seasonBanner h2,.cw-hero__stats dd{letter-spacing:-.01em}
.cw-prose{line-height:1.7}

/* ---------- mixed-language content ---------- */
/* Guides, FAQs and store descriptions may be written in Arabic on an English site: let each paragraph
   take its direction from its own text, so Arabic lines read right-to-left and numbers stay in place. */
.cw-prose>:is(p,h2,h3,h4,ul,ol,blockquote,figcaption),.cw-prose li,.cw-faq__item p,
.cw-storeHeader__lede,.cw-article__title,.cw-article__lede,.cw-seasonHero__lede{unicode-bidi:plaintext}