/* =====================================================================
   Adulttoysindia - colour layer (loaded after al.css from headernew.php)
   Adds colour to prices, badges, home sections, category and product pages.
   ===================================================================== */
:root {
  --al-grad: linear-gradient(135deg, #E5194F 0%, #FF6B5B 100%);
  --al-grad-plum: linear-gradient(135deg, #2B1630 0%, #5A1A47 55%, #8E1F55 100%);
  --al-grad-soft: linear-gradient(135deg, #FFE6EE 0%, #FFF1E6 50%, #F3E9FF 100%);
  --al-price: #D3124A;
}

/* ---------- Product cards (home, category, related) ---------- */
.al-card { background: #fff; border-radius: var(--al-r); transition: transform .2s ease, box-shadow .2s ease; }
.al-card__media { border-color: #F3E3EA; background: linear-gradient(180deg, #fff 0%, #FFF7FA 100%); }
.al-card:hover { transform: translateY(-3px); }
.al-card:hover .al-card__media { box-shadow: 0 14px 30px rgba(229, 25, 79, .14); border-color: #F6C9D7; }
.al-card__off { background: var(--al-grad); box-shadow: 0 4px 10px rgba(229, 25, 79, .3); }
.al-card__price strong { color: var(--al-price); font-size: 17px; }
.al-card__price del { color: #9A8A9D; }
.al-card__rating { color: #B7791F; }
.al-card__title a:hover { color: var(--al-price); }

/* ---------- Section headings: small coloured underline ---------- */
.al-head h2 { position: relative; padding-bottom: 10px; }
.al-head h2::after { content: ""; position: absolute; left: 0; bottom: 0; width: 56px; height: 4px; border-radius: 4px; background: var(--al-grad); }

/* ---------- Home: categories get soft colours ---------- */
.al-cats .al-cat:nth-child(6n+1) .al-cat__icon { background: #FFE4EC; }
.al-cats .al-cat:nth-child(6n+2) .al-cat__icon { background: #EDE4FF; }
.al-cats .al-cat:nth-child(6n+3) .al-cat__icon { background: #FFEBDD; }
.al-cats .al-cat:nth-child(6n+4) .al-cat__icon { background: #E2F4EE; }
.al-cats .al-cat:nth-child(6n+5) .al-cat__icon { background: #E3EEFF; }
.al-cats .al-cat:nth-child(6n+6) .al-cat__icon { background: #FFF4D6; }
.al-cats .al-cat:hover .al-cat__icon { box-shadow: 0 8px 18px rgba(43, 22, 48, .12); }
.al-cats .al-cat:hover { color: var(--al-price); }

/* ---------- Home: Best sellers on a light rose / lavender background ---------- */
.al-home section[aria-labelledby="h-best"] { background: linear-gradient(135deg, #FDE7EF 0%, #F6EAFE 55%, #E9F0FF 100%); padding: 34px 0 38px; margin: 10px 0; position: relative; overflow: hidden; }
.al-home section[aria-labelledby="h-best"]::before,
.al-home section[aria-labelledby="h-best"]::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }
.al-home section[aria-labelledby="h-best"]::before { width: 340px; height: 340px; right: -110px; top: -150px; background: radial-gradient(circle, rgba(229, 25, 79, .12), transparent 70%); }
.al-home section[aria-labelledby="h-best"]::after { width: 300px; height: 300px; left: -120px; bottom: -160px; background: radial-gradient(circle, rgba(124, 58, 237, .10), transparent 70%); }
.al-home section[aria-labelledby="h-best"] .al-wrap { position: relative; z-index: 1; }
.al-home section[aria-labelledby="h-best"] .al-head h2::before { content: "Customer favourites"; display: block; width: max-content; margin-bottom: 8px; padding: 4px 11px; border-radius: 999px; background: linear-gradient(135deg, #7C3AED 0%, #E5194F 100%); color: #fff; font: 700 11px/1.3 var(--al-body); letter-spacing: .06em; text-transform: uppercase; }
.al-home section[aria-labelledby="h-best"] .al-roundbtn { background: #fff; border-color: #EBD3DE; }
.al-home section[aria-labelledby="h-best"] .al-roundbtn:hover { background: var(--al-ink); color: #fff; border-color: var(--al-ink); }
.al-home section[aria-labelledby="h-best"] .al-card { padding: 10px 10px 14px; box-shadow: 0 6px 18px rgba(124, 58, 237, .08); }
.al-home section[aria-labelledby="h-best"] .al-card:hover { box-shadow: 0 14px 30px rgba(229, 25, 79, .16); }
.al-home section[aria-labelledby="h-best"] .al-card__media { border: 0; }
.al-home section[aria-labelledby="h-best"] .al-card__body { padding: 10px 4px 0; }

/* ---------- Home: Top selling / trending on a soft colourful background ---------- */
.al-home section[aria-labelledby="h-top"] { background: var(--al-grad-soft); padding: 34px 0 38px; margin: 10px 0; }
.al-home section[aria-labelledby="h-top"] .al-head h2::before { content: "Trending now"; display: block; width: max-content; margin-bottom: 8px; padding: 4px 11px; border-radius: 999px; background: var(--al-grad); color: #fff; font: 700 11px/1.3 var(--al-body); letter-spacing: .06em; text-transform: uppercase; }
.al-home section[aria-labelledby="h-top"] .al-card { padding: 10px 10px 14px; box-shadow: 0 6px 18px rgba(142, 31, 85, .08); }
.al-home section[aria-labelledby="h-top"] .al-card__media { border: 0; }
.al-home section[aria-labelledby="h-top"] .al-card__body { padding: 10px 4px 0; }
.al-home section[aria-labelledby="h-top"] .al-card:hover { box-shadow: 0 14px 30px rgba(229, 25, 79, .16); }

/* ---------- Chips and brand strip ---------- */
.al-chip { transition: background .15s, color .15s, border-color .15s; }
.al-chip:hover, .al-chip[aria-current=page] { background: var(--al-grad); border-color: transparent; color: #fff; }

/* ---------- Buttons ---------- */
.al-btn--primary { background: var(--al-grad); border-color: transparent; box-shadow: 0 6px 16px rgba(229, 25, 79, .28); }
.al-btn--primary:hover { background: linear-gradient(135deg, #C9123F 0%, #F2553F 100%); border-color: transparent; }

/* ---------- Category / sub category pages ---------- */
.al-pagehead:not(.al-pagehead--img) { background: var(--al-grad-soft); border-radius: var(--al-r-lg); padding: 26px 28px 22px; margin-top: 14px; }
.al-pagehead h1 { background: linear-gradient(90deg, #2B1630 0%, #8E1F55 60%, #E5194F 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.al-filters { background: #FFF8FA; border-color: #F6D9E3; }
.al-filters h2 { color: var(--al-ink); }
.al-sort select, .al-listing select { border-color: #F2CFDB; }

/* ---------- Product page ---------- */
.pp-price strong { color: var(--al-price) !important; }
.pp-off { background: #E4F6EE; color: #0E7A55 !important; padding: 3px 10px; border-radius: 999px; }
.pp-pay { border-color: #F6D3DE !important; background: linear-gradient(135deg, #FFF5F8 0%, #FFF9F2 100%); }
.pp-pay li + li { border-top-color: #F6D3DE !important; }
.pp-pay b { color: #8E1F55 !important; }
.pp-meta a { color: #B7791F !important; }
.pp-trust svg { stroke: var(--al-price) !important; }
.pp-tabs__bar button[aria-selected=true] { color: var(--al-price) !important; border-bottom-color: var(--al-price) !important; }
.pp-pin { border-color: #F2CFDB !important; }
.pp-pin button { color: var(--al-price) !important; }
.al-gallery__thumbs button[aria-current=true] { border-color: var(--al-price) !important; }
.al-pp section[aria-labelledby="h-rel"] { background: var(--al-grad-soft); border-radius: var(--al-r-lg); padding: 24px 20px; margin: 10px 0 24px; }
.al-pp section[aria-labelledby="h-rel"] .al-card { padding: 8px 8px 12px; }
.al-pp section[aria-labelledby="h-rel"] .al-card__media { border: 0; }

@media (max-width: 640px) {
  .al-home section[aria-labelledby="h-best"], .al-home section[aria-labelledby="h-top"] { padding: 24px 0 26px; }
  .al-pagehead:not(.al-pagehead--img) { padding: 18px 16px 14px; }
  .al-home section[aria-labelledby="h-best"] .al-card, .al-home section[aria-labelledby="h-top"] .al-card { padding: 7px 7px 11px; }
}
@media (prefers-reduced-motion: reduce) { .al-card, .al-card:hover { transform: none; transition: none; } }

/* keep product names to exactly two lines (no half-visible third line) */
.al-card__title { display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.35 !important; height: 2.7em; min-height: 0 !important; align-self: start; }