/**
 * SWEB — Pagina de oferte (Figma „Offers All" #16361:17211).
 * Bază Follies (crem + portocaliu); secțiunile de brand primesc accentul lor.
 */

.sweb-offers {
	box-sizing: border-box;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 24px 48px 64px;
	font-family: 'Inter', sans-serif;
	color: var(--sweb-c-text, #4E220B);
}
.sweb-offers *, .sweb-offers *::before, .sweb-offers *::after { box-sizing: border-box; }

/* Breadcrumbs */
.sweb-offers__crumbs { display: flex; align-items: center; gap: 8px; font-size: 16px; margin-bottom: 32px; }
.sweb-offers__crumbs a { color: var(--sweb-c-text, #4E220B); text-decoration: none; }
.sweb-offers__crumbs a:hover { text-decoration: underline; }
.sweb-offers__crumbs svg { width: 16px; height: 16px; color: #8D6C5A; }
.sweb-offers__crumbs span { font-weight: 700; }

/* Header */
.sweb-offers__head { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; max-width: 640px; margin: 8px auto 32px; }
.sweb-offers__eyebrow {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 4px 8px; border-radius: 4px;
	background: var(--sweb-c-text, #4E220B); color: #FEFAF0;
	font-size: 14px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase;
}
.sweb-offers__eyebrow svg { width: 13px; height: 13px; }
.sweb-offers__title { margin: 0; font-family: var(--sweb-font-title, 'Freeman', sans-serif); font-size: 40px; line-height: 1; letter-spacing: -0.02em; }
.sweb-offers__sub { margin: 0; color: #8D6C5A; font-size: 18px; font-weight: 500; line-height: 1.2; }

/* Filtre pe brand */
.sweb-offers__filters { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-bottom: 24px; }
.sweb-offers__pill {
	-webkit-appearance: none; appearance: none;
	padding: 8px 16px; border-radius: 99px; cursor: pointer;
	border: 1px solid #DFD5CF !important; background: #FEFAF0 !important; color: #8D6C5A !important;
	font-family: 'Inter', sans-serif; font-weight: 500; font-size: 16px; line-height: 1;
	box-shadow: none !important;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.sweb-offers__pill:hover { border-color: #D35A0C !important; color: #4E220B !important; }
.sweb-offers__pill.is-active { background: #D35A0C !important; border-color: #D35A0C !important; color: #FEFAF0 !important; }
.sweb-offers__pill[data-sweb-offers-filter="jerry"].is-active { background: #E3403E !important; border-color: #E3403E !important; }
.sweb-offers__pill[data-sweb-offers-filter="americana"].is-active { background: #3475EE !important; border-color: #3475EE !important; }

/* Promoții BOGO — badge în banner (slide mare) */
.sweb-bogo-badge { display: inline-flex; align-items: center; justify-content: center; min-width: clamp(90px, 73.33px + 4.63vw, 140px); height: clamp(90px, 73.33px + 4.63vw, 140px); padding: 0 16px; border-radius: 999px; background: var(--sweb-c-primary, #D35A0C); color: #fff; font-family: var(--sweb-font-title, 'Freeman', sans-serif); font-size: clamp(30px, 21.33px + 2.407vw, 56px); line-height: 1; text-align: center; box-shadow: 0 12px 24px rgba(78, 34, 11, 0.28); }
.sweb-bogo-eyebrow { display: inline-flex; align-self: flex-start; padding: 4px 12px; border-radius: 999px; background: var(--sweb-c-primary, #D35A0C); color: #fff; font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }

/* Promoții BOGO — card mic (același design ca micile carduri de ofertă) */
.sweb-card--bogo .sweb-card__media { display: flex; align-items: center; justify-content: center; background: var(--sweb-c-primary, #D35A0C); min-height: 140px; }
.sweb-bogo-cardbadge { font-family: var(--sweb-font-title, 'Freeman', sans-serif); font-size: clamp(38px, 30.67px + 2.037vw, 60px); line-height: 1; letter-spacing: -0.02em; color: #fff; }
.sweb-card--bogo .sweb-card__body { display: flex; flex-direction: column; gap: 8px; }
.sweb-bogo-cardcta { align-self: flex-start; margin-top: auto; }

/* Pe pagina de oferte, cardurile Jerry folosesc textura de hârtie ca fundal + bordură rough, colțuri drepte — doar pe carduri. */
.sweb-offers__section[data-brand="jerry"] .sweb-card {
	background: #FFFFFF url('../../img/texture-jerry-paper.png') center / cover no-repeat !important;
	border: 4px solid transparent !important;
	border-image: var(--jerry-rough, url('../../img/rough-border-irregular.svg')) 8 / 4px round !important;
	border-radius: 0 !important;
}
/* Cardul BOGO Jerry: fără blocul alb pe „1+1" (lasă textura să se vadă), badge lizibil. */
.sweb-offers__section[data-brand="jerry"] .sweb-card--bogo .sweb-card__media {
	background: transparent !important;
}
.sweb-offers__section[data-brand="jerry"] .sweb-bogo-cardbadge {
	color: #1A1A1A !important;
}

/* Panou principal */
.sweb-offers__panel { padding: 24px; background: #FEFAF0; border: 1px solid #DFD5CF; border-radius: 16px; }
.sweb-offers__divider { height: 1px; border: 0; background: #DFD5CF; margin: 32px 0; }
.sweb-offers__section { display: flex; flex-direction: column; gap: 24px; }
.sweb-offers__section[hidden] { display: none; }
.sweb-offers__brandhead { display: flex; align-items: center; }
.sweb-offers__logo { height: 40px; width: auto; display: block; }
.sweb-offers__section[data-brand="jerry"] .sweb-offers__logo,
.sweb-offers__section[data-brand="americana"] .sweb-offers__logo { height: 48px; }
.sweb-offers__brand { margin: 0; font-family: var(--sweb-font-title, 'Freeman', sans-serif); font-size: 24px; line-height: 1; color: var(--sweb-c-text, #4E220B); }
/* Fiecare secțiune de brand = un carusel sweb-cat-row (4 carduri/linie + săgeți,
   restul scrollabil), refolosit din paginile de brand → carduri 1:1. */
.sweb-offers__section .sweb-cat-row { padding: 0 4px; }

/* Mod embed (pe pagina de brand): fără padding/lățime de pagină. */
.sweb-offers--embed { padding: 0; max-width: none; }

/* Carusel de oferte în stil banner (pe pagina de brand) — refolosește .sweb-promo__card */
.sweb-offersbanner__viewport { overflow: hidden; width: 100%; }
.sweb-offersbanner__track { display: flex; flex-wrap: nowrap; transition: transform 0.35s ease; }
.sweb-offersbanner__slide { flex: 0 0 100%; width: 100%; min-width: 0; }
.sweb-offersbanner__slide > .sweb-promo__card { width: 100%; margin: 0; height: 100%; }
.sweb-offersbanner__price { font-weight: 700 !important; }
.sweb-offersbanner__price del { opacity: 0.55; font-weight: 400; margin-right: 6px; }
/* Slide CTA (fără imagine): body pe toată lățimea */
.sweb-offersbanner__slide--cta .sweb-promo__card { grid-template-columns: 1fr !important; grid-template-areas: "body" "btn" !important; }
/* Bannere oferte compacte + imagine care încape bine */
.sweb-offersbanner .sweb-promo__card { min-height: clamp(190px, 173.33px + 4.63vw, 240px) !important; padding: clamp(18px, 14px + 1.111vw, 30px) !important; column-gap: clamp(16px, 9.33px + 1.852vw, 36px) !important; row-gap: 12px !important; }
.sweb-offersbanner .sweb-promo__body { gap: 10px !important; max-width: 40ch; }
.sweb-offersbanner .sweb-promo__title { font-size: clamp(22px, 17.33px + 1.296vw, 36px) !important; }
.sweb-offersbanner .sweb-promo__line:not(.sweb-offersbanner__price) {
	font-size: clamp(13px, 12.33px + 0.1852vw, 15px) !important;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.sweb-offersbanner__price { font-size: clamp(16px, 14.67px + 0.3704vw, 20px) !important; }
.sweb-offersbanner .sweb-promo__btn { font-size: clamp(16px, 14px + 0.5556vw, 22px) !important; padding: 10px 20px !important; }
.sweb-offersbanner .sweb-promo__media { align-self: center; }
.sweb-offersbanner .sweb-promo__media img { max-height: clamp(130px, 113.33px + 4.63vw, 180px) !important; border-radius: 12px !important; }
.sweb-offers__brandhead { display: flex; align-items: center; }

/* Bara portocalie de sus e doar la Follies; ascunsă pe celelalte branduri
   (paginile de brand o ascund prin body-class, dar pe /oferte/ body e Follies). */
.sweb-offers__section[data-brand="americana"] .sweb-card__bar,
.sweb-offers__section[data-brand="jerry"] .sweb-card__bar { display: none !important; }

.sweb-offers__empty { padding: 48px 24px; text-align: center; background: #FEFAF0; border: 1px solid #DFD5CF; border-radius: 16px; color: #8D6C5A; }

/* Responsive */
@media (max-width: 700px) {
	.sweb-offers { padding: 20px 16px 48px; }
	.sweb-offers__title { font-size: 30px; }
	.sweb-offers__panel { padding: 16px; }
}


/* ==========================================================================
 * Oferte inactive (neîncepute / expirate): afișate gri, dezactivate.
 * ========================================================================== */
.sweb-card--inactive { position: relative; }
.sweb-card--inactive .sweb-card__media,
.sweb-card--inactive .sweb-card__body {
	filter: grayscale(1);
	opacity: 0.55;
}
.sweb-card--inactive a,
.sweb-card--inactive .sweb-card__add,
.sweb-card--inactive .sweb-btn {
	pointer-events: none !important;
	cursor: not-allowed;
}
.sweb-card__disabled-ribbon {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 5;
	background: #6B6B6B;
	color: #fff;
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	padding: 4px 10px;
	border-radius: 999px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
}


/* Banner de brand — slide de ofertă inactiv (gri, dezactivat). */
.sweb-offersbanner__slide.is-inactive { position: relative; }
.sweb-offersbanner__slide.is-inactive .sweb-promo__body,
.sweb-offersbanner__slide.is-inactive .sweb-promo__media {
	filter: grayscale(1);
	opacity: 0.55;
}
.sweb-offersbanner__slide.is-inactive a {
	pointer-events: none !important;
	cursor: not-allowed;
}