/* Shared translucent surfaces. Nested controls use tints instead of more blur. */
:root {
 --panel-glass:rgba(248,251,255,.74);--panel-sheen:rgba(255,255,255,.40);
 --panel-edge:rgba(122,149,186,.20);--panel-shadow:0 8px 30px rgba(38,65,105,.065),inset 0 1px 0 rgba(255,255,255,.50);
 --control-glass:rgba(239,245,253,.62);--wallet-fill:rgba(218,248,233,.78);--wallet-ink:#14794c;
}
html[data-theme=dark] {
 --panel-glass:rgba(24,39,60,.70);--panel-sheen:rgba(162,197,238,.075);
 --panel-edge:rgba(174,205,244,.17);--panel-shadow:0 10px 34px rgba(0,7,19,.15),inset 0 1px 0 rgba(214,233,255,.09);
 --control-glass:rgba(24,40,61,.56);--wallet-fill:rgba(17,68,45,.74);--wallet-ink:#86ebba;
}
body { background-image:radial-gradient(ellipse at 85% 8%,rgba(83,146,230,.12),transparent 44%),radial-gradient(ellipse at 8% 70%,rgba(41,171,143,.07),transparent 42%)!important; }
:is(.card,.glass-card,.stats>article,.store-preview,.store-service-card,.store-guide-grid>article,.rental-sidebar,.rental-card,.admin-sidebar,.admin-panel,.admin-section,.admin-summary>div,.admin-service-popup,.api-doc-navigation,.api-method,.api-token,.notification-panel,.language-options,.mobile-currency-options,.country-picker-menu,dialog) {
 background:linear-gradient(140deg,var(--panel-sheen),transparent 60%),var(--panel-glass)!important;
 box-shadow:var(--panel-shadow)!important;
}
body>header.site-header,body>footer.site-footer { background:var(--panel-glass)!important;border-color:var(--panel-edge); }
:is(.glass-card,.store-preview,.rental-sidebar,.notification-panel,.language-options,.mobile-currency-options,dialog) {
 -webkit-backdrop-filter:blur(10px) saturate(115%);backdrop-filter:blur(10px) saturate(115%);
}
:is(.card,.glass-card,.store-preview,.store-service-card,.admin-sidebar) { border-color:var(--panel-edge); }
:is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select,.rental-data-panel,.rental-sidebar-filter,.header-preferences>button,.language-picker summary,.country-picker summary) {
 background:var(--control-glass)!important;box-shadow:inset 0 1px 0 rgba(170,198,231,.06);
}
input::placeholder,textarea::placeholder { color:var(--muted);opacity:.82; }
select option { background:var(--surface,#f4f8ff);color:var(--ink,#14233b); }
body>header.site-header .header-balance {
 gap:10px;padding:6px 7px 6px 12px;border-radius:18px;height:auto;min-height:46px;
 background:linear-gradient(135deg,rgba(83,213,154,.09),transparent 75%),var(--wallet-fill);
 border:1px solid rgba(73,177,126,.36);box-shadow:inset 0 1px 0 rgba(158,248,198,.12),0 4px 14px rgba(8,90,48,.08);
}
body>header.site-header .header-balance strong { color:var(--wallet-ink); }
body>header.site-header .wallet-topup-plus {
 border-radius:50%;border:1.5px solid #8befb8;background:rgba(65,191,133,.17);color:var(--wallet-ink)!important;
 box-shadow:0 0 0 1px rgba(126,244,182,.23),0 0 17px rgba(89,245,159,.48),inset 0 0 12px rgba(103,237,163,.15);
 transition:background .15s,box-shadow .15s;
}
body>header.site-header .wallet-topup-plus:hover { background:rgba(65,191,133,.23);box-shadow:0 0 14px rgba(74,218,146,.30); }
.account-page :is(.card,.stats>article){border-radius:22px;border-color:var(--panel-edge);box-shadow:0 10px 36px rgba(35,84,133,.09),inset 0 1px 0 rgba(210,235,255,.13)!important}
.account-page .stats>article{padding:22px;min-height:140px}
.account-page .wallet-balance-line{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:10px 0}
.account-page .stats .wallet-balance-line>strong{margin:0;min-width:0;overflow-wrap:anywhere;line-height:1.3;font-size:clamp(18px,5vw,24px)}
body :is(.button,.rent-confirm,.sign-in-submit,.api-key-actions>button){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;box-sizing:border-box;line-height:1.35;text-align:center;vertical-align:middle}
.account-page .wallet-deposit-button{min-width:96px;max-width:100%;margin:0;padding:10px 14px;border-radius:12px;border:1px solid rgba(82,218,151,.55);background:linear-gradient(135deg,#148452,#0d764d)!important;color:#fff!important;box-shadow:0 4px 16px rgba(15,173,98,.23),inset 0 1px 0 rgba(188,255,215,.16);white-space:normal;overflow-wrap:anywhere;text-decoration:none}
.account-page .wallet-deposit-button:hover{background:linear-gradient(135deg,#168e59,#0e8053)!important}
.account-page .section-title{align-items:center}
@media(max-width:780px){.account-page .section-title{align-items:flex-start}}
.wallet-topup-plus svg{filter:drop-shadow(0 0 4px rgba(107,239,168,.42))}
body>header.site-header .mobile-menu-toggle,
body>header.site-header .mobile-menu-toggle[aria-expanded=true] {
 border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0;
}
.mobile-currency-menu { display:none; }
@media(min-width:781px) {
 body>header.site-header { -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); }
}
@media(max-width:780px) {
 html.mobile-navigation-ready body>header.site-header .header-actions {
  background:linear-gradient(140deg,var(--panel-sheen),transparent 60%),var(--panel-glass);
  -webkit-backdrop-filter:blur(12px) saturate(115%);backdrop-filter:blur(12px) saturate(115%);
  border-color:var(--panel-edge);box-shadow:8px 0 34px rgba(0,7,19,.17),inset -1px 0 0 rgba(199,222,252,.07);gap:12px;
  grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr) auto;align-content:stretch;
 }
 body>header.site-header>.notice-anchor { grid-column:3;grid-row:1;justify-self:end;position:static;z-index:1; }
 body>header.site-header.mobile-menu-open>.notice-anchor { visibility:hidden; }
 body>header.site-header>.notice-anchor .notification-bell { border:0;background:transparent;box-shadow:none; }
 body>header.site-header>.notice-anchor .notification-panel { position:fixed;top:calc(72px + env(safe-area-inset-top));left:12px;right:12px;inset-inline-start:12px;inset-inline-end:12px;width:auto;max-width:none;max-height:70dvh;overflow:auto; }
 body>header.site-header .mobile-drawer-heading { gap:8px;min-width:0; }
 body>header.site-header .mobile-drawer-heading .cheapotp-brand-logo { font-size:clamp(19px,4.8vw,24px);min-width:0;direction:ltr; }
 body>header.site-header .mobile-drawer-heading .cheapotp-icon { width:19px;height:19px;margin-inline-end:5px; }
 body>header.site-header .mobile-drawer-heading .cheapotp-status-dot { margin-inline-start:4px; }
 body>header.site-header .mobile-drawer-heading button { flex:none; }
 body>header.site-header .mobile-drawer-heading button { background:transparent!important;border:0!important;box-shadow:none!important;color:var(--ink);border-radius:0; }
 body>header.site-header .header-actions>.header-balance { grid-column:1/-1;grid-row:2;justify-self:stretch;width:100%;min-width:0;min-height:56px; }
 body>header.site-header .header-balance strong { flex:1;min-width:0;overflow-wrap:anywhere; }
 body>header.site-header .header-actions>.notice-anchor { align-self:center; }
 body>header.site-header .header-balance strong { font-size:13px; }
 body>header.site-header .wallet-topup-plus { width:44px;height:44px;min-width:44px; }
 body>header.site-header .header-actions>nav { grid-row:3; }
 body>header.site-header .header-actions>.header-preferences { grid-row:5;align-self:end;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px; }
 body>header.site-header .header-preferences>.language-picker { grid-column:1/-1;grid-row:1;position:relative;z-index:1; }
 body>header.site-header .header-preferences>#theme-toggle { grid-column:1;grid-row:2; }
 body>header.site-header .header-preferences>.mobile-logout { grid-column:3;grid-row:2; }
 body>header.site-header .header-preferences.mobile-custom-currency-ready>#currency-picker { display:none!important; }
 body>header.site-header .mobile-currency-menu { display:block;grid-column:2;grid-row:2;position:relative;min-width:0; }
 body>header.site-header .mobile-currency-menu[open],body>header.site-header .header-preferences>.language-picker[open] { z-index:90; }
 body>header.site-header .header-preferences:not(:has(.mobile-logout)) .mobile-currency-menu { grid-column:2/-1; }
 body>header.site-header .mobile-currency-menu>summary { display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:9px 12px;list-style:none;border:1px solid var(--panel-edge);border-radius:10px;background:var(--control-glass);color:var(--ink);cursor:pointer; }
 body>header.site-header .mobile-currency-menu>summary::-webkit-details-marker { display:none; }
 body>header.site-header .language-picker>summary { justify-content:space-between; }
 body>header.site-header .language-picker>summary span { flex:1;text-align:start; }
 body>header.site-header .language-picker>summary::after { content:'⌄';margin-inline-start:auto; }
 body>header.site-header .language-options,body>header.site-header .mobile-currency-options {
  position:absolute;top:auto;bottom:calc(100% + 8px);left:0;right:0;inset-inline-start:0;inset-inline-end:0;
  display:flex;flex-direction:column;gap:4px;width:100%;min-width:0;max-width:100%;max-height:min(320px,45dvh);padding:6px;
  overflow-y:auto;overflow-x:hidden;box-sizing:border-box;z-index:5;border:1px solid var(--panel-edge);border-radius:12px;
  background:var(--surface,#f5f9ff);box-shadow:var(--panel-shadow);
  animation:none!important;transform:none;opacity:1;
 }
 body>header.site-header .language-options>a,body>header.site-header .mobile-currency-options>button {
  display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:44px;flex:none;padding:10px;
  border:0;border-radius:8px;background:transparent;color:var(--ink);text-align:start;white-space:normal;font:inherit;
 }
 body>header.site-header .mobile-currency-options>button[aria-selected=true] { background:rgba(80,145,245,.18); }
 body>header.site-header .mobile-currency-options>button:hover { background:rgba(80,145,245,.12); }
}
@media(prefers-reduced-transparency:reduce) {
 :root { --panel-glass:#f7faff;--control-glass:#eef4fc; }
 html[data-theme=dark] { --panel-glass:#18273c;--control-glass:#18283d; }
 :is(.glass-card,.store-preview,.rental-sidebar,.notification-panel,.language-options,.mobile-currency-options,dialog),html.mobile-navigation-ready body>header.site-header .header-actions { -webkit-backdrop-filter:none;backdrop-filter:none; }
}