/* Reusa's "Fresh" look: the Candy Pop colours, features, layout and logo, with calmer type,
   squarer shapes and warm orange actions (Swiggy / Zomato-like). Active with <html data-style="fresh">. */

/* ---------- shared: grown-up type, shapes and motion ---------- */
html[data-theme][data-style] {
  --radius: 8px;
  --pro-font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);
}
html[data-theme][data-style] body { font-family: var(--pro-font); font-size: 14.5px; }
html[data-theme][data-style] h1, html[data-theme][data-style] h2, html[data-theme][data-style] h3,
html[data-theme][data-style] .logo, html[data-theme][data-style] .price, html[data-theme][data-style] .price-big,
html[data-theme][data-style] .plan-price, html[data-theme][data-style] .stat-value, html[data-theme][data-style] .lprice,
html[data-theme][data-style] .dir-head, html[data-theme][data-style] .post-ad, html[data-theme][data-style] .cat-tile .name,
html[data-theme][data-style] .side-user .hello, html[data-theme][data-style] .side-cta, html[data-theme][data-style] .hf-title span,
html[data-theme][data-style] .hf-col .hf-head, html[data-theme][data-style] .svc-group > b, html[data-theme][data-style] .foot-cols h4,
html[data-theme][data-style] .call-number {
  font-family: var(--pro-font); font-weight: 700; letter-spacing: -.01em;
}
html[data-theme][data-style] h1 { font-size: 24px; }
html[data-theme][data-style] .section-title h2 { font-size: 19px; }
/* The logo stays exactly as on the current site: rounded colour blocks + rainbow "Reusa" in Nunito. */
html[data-theme][data-style] .logo { font-family: Nunito, Poppins, system-ui, sans-serif; font-weight: 900; font-size: 34px; letter-spacing: -1px; }

/* squarer controls and cards */
html[data-theme][data-style] button, html[data-theme][data-style] .btn, html[data-theme][data-style] .btn-call,
html[data-theme][data-style] .btn-wa, html[data-theme][data-style] .call-bar button { border-radius: 6px; }
html[data-theme][data-style] button:not(:disabled):hover, html[data-theme][data-style] .btn:hover { transform: none; }
html[data-theme][data-style] input, html[data-theme][data-style] select, html[data-theme][data-style] textarea { border-radius: 6px; }
html[data-theme][data-style] .card, html[data-theme][data-style] .item, html[data-theme][data-style] .lrows,
html[data-theme][data-style] .toolbar, html[data-theme][data-style] .modal { border-radius: 8px; }
html[data-theme][data-style] .card { border: 1px solid #e7e9ee; box-shadow: none; }
html[data-theme][data-style] .item { border: 1px solid #e7e9ee; box-shadow: none; }
html[data-theme][data-style] .item:hover { transform: none; box-shadow: 0 6px 18px -6px rgba(16, 24, 40, .18); }
html[data-theme][data-style] .item .thumb { border-radius: 0; }
html[data-theme][data-style] .lthumb { border-radius: 6px; }
html[data-theme][data-style] .lrow:hover { background: #fafafa; }
html[data-theme][data-style] .pm { border-radius: 4px; font-weight: 700; }
html[data-theme][data-style] .pm.big { border-radius: 6px; }
html[data-theme][data-style] .price-wrap { border-radius: 6px; }
html[data-theme][data-style] .pill { border-radius: 4px; }
html[data-theme][data-style] .tag { border-radius: 3px; }
html[data-theme][data-style] .opts a { border-radius: 4px; }
html[data-theme][data-style] .toolbar a { border-radius: 4px; }
html[data-theme][data-style] .toolbar a.on { background: var(--brand); }
html[data-theme][data-style] .post-ad { border-radius: 6px; box-shadow: none; font-size: 15px; padding: 11px 18px; }
html[data-theme][data-style] .post-ad:hover { transform: none; }
html[data-theme][data-style] .top-search { border-radius: 6px; }
html[data-theme][data-style] .top-search button { background: var(--brand); }
html[data-theme][data-style] .section-title h2::before { width: 4px; border-radius: 2px; background: var(--brand); }

/* home: calmer tiles (colour kept as accents, not fills) */
html[data-theme][data-style] .quick a { background: #fff; border: 1px solid #e7e9ee; border-radius: 8px; font-weight: 600; font-size: 13px; }
html[data-theme][data-style] .quick a:hover { transform: none; border-color: var(--c); box-shadow: inset 0 -3px 0 var(--c); }
html[data-theme][data-style] .quick .ic { width: 48px; height: 48px; border-radius: 10px; background: var(--cs); box-shadow: none; font-size: 26px; }
html[data-theme][data-style] .quick .n { font-weight: 600; }
html[data-theme][data-style] .dir-head .ic { border-radius: 8px; width: 34px; height: 34px; font-size: 19px; }
html[data-theme][data-style] .dir-head { font-size: 16px; }
html[data-theme][data-style] .dir-links a { color: #4b5563; }
html[data-theme][data-style] .side-user { background: #fff; }
html[data-theme][data-style] .side-user .hello { font-size: 16px; }
html[data-theme][data-style] .side-cta { background: var(--brand); text-shadow: none; border-radius: 8px; font-size: 16px; }
html[data-theme][data-style] .home-finder, html[data-theme][data-style] .svc-finder { background: #fff; }
html[data-theme][data-style] .hf-title span { font-size: 19px; }
html[data-theme][data-style] .hf-col .hf-head { color: #111827; font-size: 15px; }
html[data-theme][data-style] .svc-group > b { color: #111827; font-size: 15px; }
html[data-theme][data-style] .svc-tile { border-radius: 8px; border-color: #e7e9ee; font-weight: 600; }
html[data-theme][data-style] .svc-tile:hover { transform: none; box-shadow: none; border-color: var(--brand); }
html[data-theme][data-style] .prop-facts span { border-radius: 4px; background: #f3f4f6; color: #374151; font-weight: 600; }
html[data-theme][data-style] .amenities span { border-radius: 6px; }
html[data-theme][data-style] .multi label, html[data-theme][data-style] .cond-options label,
html[data-theme][data-style] .promo-option, html[data-theme][data-style] .dur-option { border-radius: 6px; }
html[data-theme][data-style] .price-box { border-radius: 6px; }
html[data-theme][data-style] .price-mode span { border-radius: 4px; }
html[data-theme][data-style] .call-ring { animation: none; box-shadow: 0 0 0 8px #dcfce7; }
html[data-theme][data-style] .footer::before { height: 3px; }
html[data-theme][data-style] .foot-cols h4 { font-size: 14px; text-transform: uppercase; letter-spacing: .06em; color: rgba(255, 255, 255, .6); }

/* one compact row of category shortcuts */
html[data-theme][data-style] .quick { grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); gap: 8px; }
html[data-theme][data-style] .quick a { padding: 10px 4px; font-size: 12.5px; gap: 5px; }
html[data-theme][data-style] .quick .ic { width: 42px; height: 42px; font-size: 22px; }
@media (max-width: 600px) {
  html[data-theme][data-style] .quick { grid-template-columns: repeat(4, 1fr); }
}


/* ---------- Fresh: warm orange actions, soft cards ---------- */
html[data-style="fresh"] body { background: #fafafa; }
html[data-style="fresh"] .utilbar { background: #fff7ed; border-color: #ffedd5; }
html[data-theme][data-style="fresh"] .top-search { border-color: #f97316; border-radius: 10px; }
html[data-theme][data-style="fresh"] .top-search button { background: #f97316; }
html[data-theme][data-style="fresh"] .post-ad { background: #f97316; border-radius: 10px; }
html[data-style="fresh"] .channel-nav { background: #fff; box-shadow: 0 1px 0 #f0f0f0; }
html[data-style="fresh"] .channel-nav a { color: #3d4152; text-shadow: none; font-weight: 600; font-size: 14px; }
html[data-style="fresh"] .channel-nav a:hover, html[data-style="fresh"] .channel-nav a.on { background: #fff7ed; color: #ea580c; border-radius: 8px; }
html[data-style="fresh"] .channel-nav .badge { background: #f97316; color: #fff; }
html[data-theme][data-style="fresh"] .card, html[data-theme][data-style="fresh"] .item { border: 0; border-radius: 14px; box-shadow: 0 2px 10px rgba(28, 28, 28, .06); }
html[data-theme][data-style="fresh"] .item .thumb { border-radius: 14px 14px 0 0; }
html[data-theme][data-style="fresh"] button:not(.btn-ghost):not(.btn-outline):not(.btn-call):not(.btn-chat), html[data-theme][data-style="fresh"] .btn:not(.btn-ghost):not(.btn-outline) { background: #f97316; border-color: #f97316; border-radius: 10px; }
html[data-theme][data-style="fresh"] .side-cta, html[data-theme][data-style="fresh"] .toolbar a.on, html[data-theme][data-style="fresh"] .opts a.on { background: #f97316; }
html[data-theme][data-style="fresh"] .section-title h2::before { background: #f97316; }
html[data-theme][data-style="fresh"] .quick a { border: 0; box-shadow: 0 2px 10px rgba(28, 28, 28, .06); border-radius: 14px; }
html[data-theme][data-style="fresh"] .footer { background: #1c1c1c; }


/* ---------- category names in one orange, colour on hover ---------- */
html[data-style="fresh"] { --cat-text: #ea580c; }
html[data-style="fresh"] .dir-head, html[data-style="fresh"] .dir-head small, html[data-style="fresh"] .quick a { color: var(--cat-text); }
html[data-style="fresh"] .opts a:not(.on):hover { color: #ea580c; background: #fff7ed; }

/* No category menu line under the header (categories are on the page itself). */
html[data-style="fresh"] .channel-nav { display: none; }
html[data-style="fresh"] .topbar { box-shadow: 0 1px 0 #f0f0f0; }

/* Each category in its own separate box, same format, no lines between them. */
html[data-theme][data-style="fresh"] .directory { background: transparent; border: 0; box-shadow: none; padding: 0 !important; gap: 12px; overflow: visible; }
html[data-theme][data-style="fresh"] .dir-block { background: #fff; border: 0 !important; border-radius: 14px; box-shadow: 0 2px 10px rgba(28, 28, 28, .06); padding: 16px 18px; }

/* Any text link turns orange when the cursor is on it. */
html[data-style="fresh"] .dir-links a:hover, html[data-style="fresh"] .dir-head:hover,
html[data-style="fresh"] .hf-col a:hover, html[data-style="fresh"] .hot-words a:hover, html[data-style="fresh"] .util-links a:hover,
html[data-style="fresh"] .tips a:hover, html[data-style="fresh"] .small a:hover, html[data-style="fresh"] .hf-owner a:hover,
html[data-style="fresh"] .spec-table a:hover, html[data-style="fresh"] .seller-card a:hover { color: #ea580c; text-decoration: underline; text-underline-offset: 3px; }
html[data-style="fresh"] .foot-cols a:hover { color: #fdba74; }
html[data-style="fresh"] .item:hover .title, html[data-style="fresh"] .lrow:hover .ltitle { color: #ea580c; }
html[data-style="fresh"] .quick a:hover { box-shadow: 0 6px 18px -8px #ea580c; }
html[data-style="fresh"] .svc-tile:hover { color: #ea580c; border-color: #fdba74; }
html[data-style="fresh"] .util-links .badge { background: #f97316; }
.utilbar:has(#logout) .util-tag { display: none; }

/* Products and services listed under each category are in blue (orange underline on hover). */
html[data-theme][data-style="fresh"] .dir-links a, html[data-theme][data-style="fresh"] .hf-col a:not(.hf-head) { color: #1d4ed8; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
html[data-theme][data-style="fresh"] .dir-links a:hover, html[data-theme][data-style="fresh"] .hf-col a:not(.hf-head):hover { color: #ea580c; }