/* SZROTEO 219 — wspólny motyw dzienny inspirowany reset-hasla.html.
   Warstwa wyłącznie kosmetyczna: bez zmian układu i logiki stron. */
html.light-theme body,
body.light-theme,
body[data-theme="light"] {
  --sz219-bg:#dfdada;
  --sz219-surface:#dfdada;
  --sz219-muted:#64748b;
  --sz219-text:#0f172a;
  --sz219-border:#c9c3c3;
  --sz219-navy:#1e3a8a;
  --sz219-field:#f0f4f8;
  --sz219-field-border:#d0d8e4;
  --sz219-shadow:0 8px 20px rgba(2,6,23,.08);
  background-color:var(--sz219-bg) !important;
  color:var(--sz219-text);
}

/* Nagłówek jak na reset-hasla.html */
html.light-theme body > header,
body.light-theme > header,
body[data-theme="light"] > header {
  background:linear-gradient(180deg,rgba(0,0,0,.08),transparent) !important;
  border-bottom-color:var(--sz219-border) !important;
}

/* Najczęstsze jasne powierzchnie i karty. Bez ingerencji w mapę/Leaflet. */
html.light-theme body :is(.card,.panel,.box,.section-card,.form-card,.profile-card,.seller-card,.details-card,.info-card,.content-card,.auth-card,.settings-card,.payment-card,.listing-card,.modal-content),
body.light-theme :is(.card,.panel,.box,.section-card,.form-card,.profile-card,.seller-card,.details-card,.info-card,.content-card,.auth-card,.settings-card,.payment-card,.listing-card,.modal-content),
body[data-theme="light"] :is(.card,.panel,.box,.section-card,.form-card,.profile-card,.seller-card,.details-card,.info-card,.content-card,.auth-card,.settings-card,.payment-card,.listing-card,.modal-content) {
  border-color:var(--sz219-border) !important;
  box-shadow:var(--sz219-shadow);
}

/* Pola formularzy — chłodny jasny odcień z resetu hasła. */
html.light-theme body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
body.light-theme :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
body[data-theme="light"] :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
  background-color:var(--sz219-field) !important;
  border-color:var(--sz219-field-border) !important;
  color:var(--sz219-text) !important;
}
html.light-theme body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus,
body.light-theme :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus,
body[data-theme="light"] :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus {
  border-color:var(--sz219-navy) !important;
  box-shadow:0 0 0 2px rgba(30,58,138,.12) !important;
  outline:none;
}

/* Typowe kontrolki wyboru i dropdowny używane w formularzach SZROTEO. */
html.light-theme body :is(.condition-multiselect-button,.condition-multiselect-panel,.custom-select,.select-button,.dropdown-content,.dropdown-menu),
body.light-theme :is(.condition-multiselect-button,.condition-multiselect-panel,.custom-select,.select-button,.dropdown-content,.dropdown-menu),
body[data-theme="light"] :is(.condition-multiselect-button,.condition-multiselect-panel,.custom-select,.select-button,.dropdown-content,.dropdown-menu) {
  border-color:var(--sz219-field-border) !important;
}

/* Główne akcje pozostają granatowe, z łagodnym kształtem jak na stronie resetu. */
html.light-theme body :is(.btn-primary,.primary-btn,.submit-btn,.save-btn,.login-btn.add-ad,.add-ad-btn),
body.light-theme :is(.btn-primary,.primary-btn,.submit-btn,.save-btn,.login-btn.add-ad,.add-ad-btn),
body[data-theme="light"] :is(.btn-primary,.primary-btn,.submit-btn,.save-btn,.login-btn.add-ad,.add-ad-btn) {
  background:var(--sz219-navy) !important;
  border-color:var(--sz219-navy) !important;
  color:#fff !important;
  border-radius:999px !important;
}
html.light-theme body :is(.btn-primary,.primary-btn,.submit-btn,.save-btn,.login-btn.add-ad,.add-ad-btn):hover,
body.light-theme :is(.btn-primary,.primary-btn,.submit-btn,.save-btn,.login-btn.add-ad,.add-ad-btn):hover,
body[data-theme="light"] :is(.btn-primary,.primary-btn,.submit-btn,.save-btn,.login-btn.add-ad,.add-ad-btn):hover {
  background:#152c6e !important;
}

/* Przełącznik motywu i drugorzędne zaokrąglone kontrolki. */
html.light-theme body :is(.theme-toggle,#themeToggle),
body.light-theme :is(.theme-toggle,#themeToggle),
body[data-theme="light"] :is(.theme-toggle,#themeToggle) {
  border-color:var(--sz219-border) !important;
  border-radius:999px !important;
}

/* Muted text zgodny z resetem. */
html.light-theme body :is(.muted,.subtitle,.form-subtitle,.help-text,.hint,.secondary-text),
body.light-theme :is(.muted,.subtitle,.form-subtitle,.help-text,.hint,.secondary-text),
body[data-theme="light"] :is(.muted,.subtitle,.form-subtitle,.help-text,.hint,.secondary-text) {
  color:var(--sz219-muted) !important;
}

/* =========================================================
   SZROTEO 222 — odświeżenie wszystkich podstron (cache refresh)
   Spójne z odświeżoną stroną główną 220.
   Wyłącznie kosmetyka trybu dziennego — bez zmian logiki/układu.
   ========================================================= */
html.light-theme body,
html[data-theme="light"] body,
body.light-theme,
body[data-theme="light"]{
  --sz221-bg:#e7e3e3;
  --sz221-surface:#ffffff;
  --sz221-surface-soft:#f8fafc;
  --sz221-surface-muted:#f1f5f9;
  --sz221-border:#cbd5e1;
  --sz221-border-soft:#dbe3ec;
  --sz221-text:#0f172a;
  --sz221-muted:#64748b;
  --sz221-navy:#1e3a8a;
  --sz221-navy-hover:#172f73;
  --sz221-shadow:0 6px 18px rgba(15,23,42,.07);
  --sz221-shadow-hover:0 12px 28px rgba(15,23,42,.12);
  background:var(--sz221-bg)!important;
  color:var(--sz221-text);
}

/* Górne paski / nagłówki */
html.light-theme body :is(header,.topbar,.page-header,.seller-header,.station-header),
html[data-theme="light"] body :is(header,.topbar,.page-header,.seller-header,.station-header),
body.light-theme :is(header,.topbar,.page-header,.seller-header,.station-header),
body[data-theme="light"] :is(header,.topbar,.page-header,.seller-header,.station-header){
  background:rgba(248,250,252,.95)!important;
  border-bottom-color:var(--sz221-border)!important;
  box-shadow:0 3px 16px rgba(15,23,42,.06)!important;
}

/* Główne obszary treści — bez zmiany szerokości i układu */
html.light-theme body :is(.container,.product-shell,.seller-page,.station-wrap,.demontaz-shell,.auth-container),
html[data-theme="light"] body :is(.container,.product-shell,.seller-page,.station-wrap,.demontaz-shell,.auth-container),
body.light-theme :is(.container,.product-shell,.seller-page,.station-wrap,.demontaz-shell,.auth-container),
body[data-theme="light"] :is(.container,.product-shell,.seller-page,.station-wrap,.demontaz-shell,.auth-container){
  color:var(--sz221-text);
}

/* Karty i sekcje */
html.light-theme body :is(.card,.panel,.box,.section,.section-card,.form-card,.profile-card,.seller-card,.details-card,.info-card,.content-card,.auth-card,.settings-card,.payment-card,.listing-card,.contact-card,.faq,.loading-box,.seller-profile,.seller-listings,.product-card,.summary-card,.gallery-card,.price-card,.description-card,.vehicle-card),
html[data-theme="light"] body :is(.card,.panel,.box,.section,.section-card,.form-card,.profile-card,.seller-card,.details-card,.info-card,.content-card,.auth-card,.settings-card,.payment-card,.listing-card,.contact-card,.faq,.loading-box,.seller-profile,.seller-listings,.product-card,.summary-card,.gallery-card,.price-card,.description-card,.vehicle-card),
body.light-theme :is(.card,.panel,.box,.section,.section-card,.form-card,.profile-card,.seller-card,.details-card,.info-card,.content-card,.auth-card,.settings-card,.payment-card,.listing-card,.contact-card,.faq,.loading-box,.seller-profile,.seller-listings,.product-card,.summary-card,.gallery-card,.price-card,.description-card,.vehicle-card),
body[data-theme="light"] :is(.card,.panel,.box,.section,.section-card,.form-card,.profile-card,.seller-card,.details-card,.info-card,.content-card,.auth-card,.settings-card,.payment-card,.listing-card,.contact-card,.faq,.loading-box,.seller-profile,.seller-listings,.product-card,.summary-card,.gallery-card,.price-card,.description-card,.vehicle-card){
  background:var(--sz221-surface)!important;
  border-color:var(--sz221-border)!important;
  border-radius:16px!important;
  box-shadow:var(--sz221-shadow)!important;
}

/* Formularze dodawania/edycji: sekcje mają czytelniejsze karty */
html.light-theme body form > .section,
html[data-theme="light"] body form > .section,
body.light-theme form > .section,
body[data-theme="light"] form > .section{
  background:var(--sz221-surface)!important;
  border:1px solid var(--sz221-border)!important;
  border-radius:16px!important;
  box-shadow:var(--sz221-shadow)!important;
}
html.light-theme body form > .section > h2,
html.light-theme body form > .section > h3,
html[data-theme="light"] body form > .section > h2,
html[data-theme="light"] body form > .section > h3,
body.light-theme form > .section > h2,
body.light-theme form > .section > h3{
  color:#172554!important;
  letter-spacing:-.01em;
}

/* Pola — takie jak na odświeżonej stronie głównej */
html.light-theme body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-input,.condition-multiselect-button,.custom-select,.select-button),
html[data-theme="light"] body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-input,.condition-multiselect-button,.custom-select,.select-button),
body.light-theme :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-input,.condition-multiselect-button,.custom-select,.select-button),
body[data-theme="light"] :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-input,.condition-multiselect-button,.custom-select,.select-button){
  background:#fff!important;
  border-color:var(--sz221-border)!important;
  border-radius:9px!important;
  color:var(--sz221-text)!important;
  box-shadow:none!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
html.light-theme body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-input,.condition-multiselect-button,.custom-select,.select-button):focus,
html[data-theme="light"] body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-input,.condition-multiselect-button,.custom-select,.select-button):focus,
body.light-theme :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-input,.condition-multiselect-button,.custom-select,.select-button):focus,
body[data-theme="light"] :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-input,.condition-multiselect-button,.custom-select,.select-button):focus{
  border-color:var(--sz221-navy)!important;
  box-shadow:0 0 0 3px rgba(30,58,138,.09)!important;
  outline:none!important;
}

/* Dropdowny */
html.light-theme body :is(.condition-multiselect-panel,.dropdown-content,.dropdown-menu,.user-dropdown),
html[data-theme="light"] body :is(.condition-multiselect-panel,.dropdown-content,.dropdown-menu,.user-dropdown),
body.light-theme :is(.condition-multiselect-panel,.dropdown-content,.dropdown-menu,.user-dropdown),
body[data-theme="light"] :is(.condition-multiselect-panel,.dropdown-content,.dropdown-menu,.user-dropdown){
  background:#fff!important;
  border-color:var(--sz221-border)!important;
  border-radius:11px!important;
  box-shadow:0 12px 28px rgba(15,23,42,.13)!important;
}

/* Przyciski — mniej „ciężkie”, jak na home 220 */
html.light-theme body :is(.btn,.primary,.secondary,.login-btn,.demontaz-btn,.station-listings-btn,.btn-outline,.follow-seller-btn),
html[data-theme="light"] body :is(.btn,.primary,.secondary,.login-btn,.demontaz-btn,.station-listings-btn,.btn-outline,.follow-seller-btn),
body.light-theme :is(.btn,.primary,.secondary,.login-btn,.demontaz-btn,.station-listings-btn,.btn-outline,.follow-seller-btn),
body[data-theme="light"] :is(.btn,.primary,.secondary,.login-btn,.demontaz-btn,.station-listings-btn,.btn-outline,.follow-seller-btn){
  border-radius:10px!important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease!important;
}
html.light-theme body :is(.btn,.primary,.secondary,.login-btn,.demontaz-btn,.station-listings-btn,.btn-outline,.follow-seller-btn):hover,
html[data-theme="light"] body :is(.btn,.primary,.secondary,.login-btn,.demontaz-btn,.station-listings-btn,.btn-outline,.follow-seller-btn):hover,
body.light-theme :is(.btn,.primary,.secondary,.login-btn,.demontaz-btn,.station-listings-btn,.btn-outline,.follow-seller-btn):hover,
body[data-theme="light"] :is(.btn,.primary,.secondary,.login-btn,.demontaz-btn,.station-listings-btn,.btn-outline,.follow-seller-btn):hover{
  transform:translateY(-1px);
}
html.light-theme body :is(.btn-primary,.primary-btn,.submit-btn,.save-btn,.login-btn.add-ad,.primary),
html[data-theme="light"] body :is(.btn-primary,.primary-btn,.submit-btn,.save-btn,.login-btn.add-ad,.primary),
body.light-theme :is(.btn-primary,.primary-btn,.submit-btn,.save-btn,.login-btn.add-ad,.primary),
body[data-theme="light"] :is(.btn-primary,.primary-btn,.submit-btn,.save-btn,.login-btn.add-ad,.primary){
  background:var(--sz221-navy)!important;
  border-color:var(--sz221-navy)!important;
  color:#fff!important;
  box-shadow:0 4px 13px rgba(30,58,138,.17)!important;
}
html.light-theme body :is(.btn-primary,.primary-btn,.submit-btn,.save-btn,.login-btn.add-ad,.primary):hover,
html[data-theme="light"] body :is(.btn-primary,.primary-btn,.submit-btn,.save-btn,.login-btn.add-ad,.primary):hover,
body.light-theme :is(.btn-primary,.primary-btn,.submit-btn,.save-btn,.login-btn.add-ad,.primary):hover,
body[data-theme="light"] :is(.btn-primary,.primary-btn,.submit-btn,.save-btn,.login-btn.add-ad,.primary):hover{
  background:var(--sz221-navy-hover)!important;
}
html.light-theme body :is(.ghost,.secondary,.btn-outline,.login-btn.login),
html[data-theme="light"] body :is(.ghost,.secondary,.btn-outline,.login-btn.login),
body.light-theme :is(.ghost,.secondary,.btn-outline,.login-btn.login),
body[data-theme="light"] :is(.ghost,.secondary,.btn-outline,.login-btn.login){
  background:#fff!important;
  border-color:var(--sz221-border)!important;
  color:#334155!important;
  box-shadow:0 2px 8px rgba(15,23,42,.04)!important;
}

/* Przełącznik motywu */
html.light-theme body :is(.theme-toggle,.theme-toggle-main,.header-theme-toggle),
html[data-theme="light"] body :is(.theme-toggle,.theme-toggle-main,.header-theme-toggle),
body.light-theme :is(.theme-toggle,.theme-toggle-main,.header-theme-toggle),
body[data-theme="light"] :is(.theme-toggle,.theme-toggle-main,.header-theme-toggle){
  background:#fff!important;
  border-color:var(--sz221-border)!important;
  border-radius:10px!important;
  color:#334155!important;
  box-shadow:0 2px 8px rgba(15,23,42,.04)!important;
}

/* Logowanie */
html.light-theme body .auth-card,
html[data-theme="light"] body .auth-card,
body.light-theme .auth-card{
  overflow:hidden;
}
html.light-theme body .auth-tabs,
html[data-theme="light"] body .auth-tabs,
body.light-theme .auth-tabs{
  background:var(--sz221-surface-muted)!important;
  border-bottom-color:var(--sz221-border)!important;
}
html.light-theme body .auth-tab,
html[data-theme="light"] body .auth-tab,
body.light-theme .auth-tab{color:#475569!important;}
html.light-theme body .auth-tab.active,
html[data-theme="light"] body .auth-tab.active,
body.light-theme .auth-tab.active{
  color:var(--sz221-navy)!important;
  background:#fff!important;
}
html.light-theme body .form-icon,
html[data-theme="light"] body .form-icon,
body.light-theme .form-icon{
  background:#eef2ff!important;
  color:var(--sz221-navy)!important;
  box-shadow:inset 0 0 0 1px #dbe3ec!important;
}

/* Profil */
html.light-theme body :is(.user-sidebar,.user-dashboard,.user-profile,.stat-box,.profile-content,.profile-section),
html[data-theme="light"] body :is(.user-sidebar,.user-dashboard,.user-profile,.stat-box,.profile-content,.profile-section),
body.light-theme :is(.user-sidebar,.user-dashboard,.user-profile,.stat-box,.profile-content,.profile-section){
  border-color:var(--sz221-border)!important;
}
html.light-theme body .stat-box,
html[data-theme="light"] body .stat-box,
body.light-theme .stat-box{
  background:var(--sz221-surface-soft)!important;
  border-radius:12px!important;
}

/* Sprzedawca / stacja */
html.light-theme body :is(.seller-cover,.station-topbar),
html[data-theme="light"] body :is(.seller-cover,.station-topbar),
body.light-theme :is(.seller-cover,.station-topbar){
  border-color:var(--sz221-border)!important;
}
html.light-theme body :is(.seller-chip,.badge,.chip),
html[data-theme="light"] body :is(.seller-chip,.badge,.chip),
body.light-theme :is(.seller-chip,.badge,.chip){
  background:var(--sz221-surface-muted)!important;
  border:1px solid var(--sz221-border-soft)!important;
  color:#475569!important;
  border-radius:999px!important;
}

/* Produkt / pojazd */
html.light-theme body :is(.gallery-main,.thumb,.more-item,.product-info,.seller-box,.purchase-options,.product-description,.vehicle-details),
html[data-theme="light"] body :is(.gallery-main,.thumb,.more-item,.product-info,.seller-box,.purchase-options,.product-description,.vehicle-details),
body.light-theme :is(.gallery-main,.thumb,.more-item,.product-info,.seller-box,.purchase-options,.product-description,.vehicle-details){
  border-color:var(--sz221-border)!important;
}
html.light-theme body :is(.gallery-main,.seller-box,.purchase-options,.product-description,.vehicle-details),
html[data-theme="light"] body :is(.gallery-main,.seller-box,.purchase-options,.product-description,.vehicle-details),
body.light-theme :is(.gallery-main,.seller-box,.purchase-options,.product-description,.vehicle-details){
  background:#fff!important;
  border-radius:16px!important;
  box-shadow:var(--sz221-shadow)!important;
}
html.light-theme body :is(.thumb,.more-item),
html[data-theme="light"] body :is(.thumb,.more-item),
body.light-theme :is(.thumb,.more-item){
  border-radius:10px!important;
  background:var(--sz221-surface-muted)!important;
}

/* Strony informacyjne */
html.light-theme body .hero,
html[data-theme="light"] body .hero,
body.light-theme .hero{
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(248,250,252,.92))!important;
  border:1px solid var(--sz221-border)!important;
  border-radius:18px!important;
  box-shadow:var(--sz221-shadow)!important;
}
html.light-theme body .site-footer,
html[data-theme="light"] body .site-footer,
body.light-theme .site-footer{
  border-top-color:var(--sz221-border)!important;
  color:var(--sz221-muted)!important;
}

/* Tabele / listy / wiersze */
html.light-theme body :is(table,.table),
html[data-theme="light"] body :is(table,.table),
body.light-theme :is(table,.table){
  border-color:var(--sz221-border)!important;
}
html.light-theme body :is(th,.table-header),
html[data-theme="light"] body :is(th,.table-header),
body.light-theme :is(th,.table-header){
  background:var(--sz221-surface-muted)!important;
  color:#334155!important;
}
html.light-theme body :is(td,th),
html[data-theme="light"] body :is(td,th),
body.light-theme :is(td,th){border-color:var(--sz221-border-soft)!important;}

/* Tekst pomocniczy */
html.light-theme body :is(.muted,.subtitle,.form-subtitle,.help-text,.hint,.secondary-text,.breadcrumb,.updated,.foot),
html[data-theme="light"] body :is(.muted,.subtitle,.form-subtitle,.help-text,.hint,.secondary-text,.breadcrumb,.updated,.foot),
body.light-theme :is(.muted,.subtitle,.form-subtitle,.help-text,.hint,.secondary-text,.breadcrumb,.updated,.foot){
  color:var(--sz221-muted)!important;
}

/* Linki w treści */
html.light-theme body main a:not(.btn):not(.login-btn):not(.primary):not(.secondary),
html[data-theme="light"] body main a:not(.btn):not(.login-btn):not(.primary):not(.secondary),
body.light-theme main a:not(.btn):not(.login-btn):not(.primary):not(.secondary){
  text-decoration-color:rgba(30,58,138,.28);
}

@media (max-width:900px){
  html.light-theme body :is(.card,.panel,.box,.section,.section-card,.form-card,.profile-card,.seller-card,.details-card,.info-card,.content-card,.auth-card,.settings-card,.payment-card,.listing-card,.contact-card,.faq,.loading-box),
  html[data-theme="light"] body :is(.card,.panel,.box,.section,.section-card,.form-card,.profile-card,.seller-card,.details-card,.info-card,.content-card,.auth-card,.settings-card,.payment-card,.listing-card,.contact-card,.faq,.loading-box),
  body.light-theme :is(.card,.panel,.box,.section,.section-card,.form-card,.profile-card,.seller-card,.details-card,.info-card,.content-card,.auth-card,.settings-card,.payment-card,.listing-card,.contact-card,.faq,.loading-box){
    border-radius:13px!important;
  }
}

/* =========================================================
   SZROTEO 223 — rzeczywiste odświeżenie podstron
   Spójne wizualnie ze stroną główną 220. Tylko tryb dzienny.
   ========================================================= */
html.light-theme body,
body.light-theme,
body[data-theme="light"]{
  --sz223-bg:#e7e3e3;
  --sz223-card:#ffffff;
  --sz223-soft:#f8fafc;
  --sz223-soft2:#f1f5f9;
  --sz223-line:#cbd5e1;
  --sz223-line2:#dbe3ec;
  --sz223-text:#0f172a;
  --sz223-muted:#64748b;
  --sz223-navy:#1e3a8a;
  --sz223-shadow:0 5px 16px rgba(15,23,42,.07);
  --sz223-shadow-hover:0 12px 28px rgba(15,23,42,.12);
  background:var(--sz223-bg)!important;
  color:var(--sz223-text)!important;
}

/* nagłówki wszystkich publicznych podstron */
html.light-theme body > header,
html.light-theme body .topbar,
html.light-theme body .page-header,
html.light-theme body .seller-header,
html.light-theme body .station-header,
body.light-theme > header,
body.light-theme .topbar,
body.light-theme .page-header,
body.light-theme .seller-header,
body.light-theme .station-header{
  background:rgba(248,250,252,.95)!important;
  border-bottom:1px solid var(--sz223-line)!important;
  box-shadow:0 3px 16px rgba(15,23,42,.06)!important;
}

/* Informacyjne podstrony: Kontakt / O nas / Pomoc / Regulamin / Polityka */
html.light-theme body :is(.hero,.section,.contact-card,.faq,.box,.coming-soon),
body.light-theme :is(.hero,.section,.contact-card,.faq,.box,.coming-soon){
  background:var(--sz223-card)!important;
  border:1px solid var(--sz223-line)!important;
  border-radius:16px!important;
  box-shadow:var(--sz223-shadow)!important;
}
html.light-theme body .hero,
body.light-theme .hero{
  margin-top:18px!important;
  padding:28px!important;
}
html.light-theme body .hero h1,
html.light-theme body .section h1,
html.light-theme body .section h2,
html.light-theme body .box h1,
html.light-theme body .box h2,
body.light-theme .hero h1,
body.light-theme .section h1,
body.light-theme .section h2,
body.light-theme .box h1,
body.light-theme .box h2{
  color:#172554!important;
  letter-spacing:-.02em!important;
}

/* Profil */
html.light-theme body .user-dashboard,
body.light-theme .user-dashboard{
  gap:14px!important;
}
html.light-theme body :is(.user-sidebar,.user-content,.profile-section,.user-profile,.payment-card,.settings-card),
body.light-theme :is(.user-sidebar,.user-content,.profile-section,.user-profile,.payment-card,.settings-card){
  background:var(--sz223-card)!important;
  border:1px solid var(--sz223-line)!important;
  border-radius:16px!important;
  box-shadow:var(--sz223-shadow)!important;
}
html.light-theme body .user-sidebar,
body.light-theme .user-sidebar{padding:16px!important;}
html.light-theme body .user-content > section:not([hidden]),
body.light-theme .user-content > section:not([hidden]){
  padding:18px!important;
}
html.light-theme body .stat-box,
body.light-theme .stat-box{
  background:var(--sz223-soft)!important;
  border:1px solid var(--sz223-line2)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}

/* Sprzedawca / stacja */
html.light-theme body :is(.seller-card,.seller-profile,.seller-listings,.loading-box,.station-card,.station-section),
body.light-theme :is(.seller-card,.seller-profile,.seller-listings,.loading-box,.station-card,.station-section){
  background:var(--sz223-card)!important;
  border:1px solid var(--sz223-line)!important;
  border-radius:16px!important;
  box-shadow:var(--sz223-shadow)!important;
}
html.light-theme body .seller-cover,
body.light-theme .seller-cover{
  border-radius:15px 15px 0 0!important;
}
html.light-theme body :is(.seller-chip,.badge,.chip),
body.light-theme :is(.seller-chip,.badge,.chip){
  background:var(--sz223-soft2)!important;
  border:1px solid var(--sz223-line2)!important;
  color:#475569!important;
}

/* Produkt i pojazd — widoczna separacja sekcji jak kafelki na home */
html.light-theme body .product-shell,
body.light-theme .product-shell{padding-top:14px!important;}
html.light-theme body :is(.card,.title-card,.price-card,.seller-card,.product-description,.vehicle-details,.purchase-options,.message-box,.offer-box,.gallery-main),
body.light-theme :is(.card,.title-card,.price-card,.seller-card,.product-description,.vehicle-details,.purchase-options,.message-box,.offer-box,.gallery-main){
  background:var(--sz223-card)!important;
  border:1px solid var(--sz223-line)!important;
  border-radius:16px!important;
  box-shadow:var(--sz223-shadow)!important;
}
html.light-theme body :is(.title-card,.price-card,.seller-card,.product-description,.vehicle-details,.purchase-options),
body.light-theme :is(.title-card,.price-card,.seller-card,.product-description,.vehicle-details,.purchase-options){
  padding:18px!important;
}
html.light-theme body .thumb,
body.light-theme .thumb{
  background:var(--sz223-soft2)!important;
  border:1px solid var(--sz223-line2)!important;
  border-radius:10px!important;
}

/* Formularze dodawania i edycji */
html.light-theme body .form,
body.light-theme .form{
  background:transparent!important;
}
html.light-theme body .form > .section,
body.light-theme .form > .section,
html.light-theme body form > .section,
body.light-theme form > .section{
  background:var(--sz223-card)!important;
  border:1px solid var(--sz223-line)!important;
  border-radius:16px!important;
  box-shadow:var(--sz223-shadow)!important;
  padding:18px!important;
  margin-bottom:14px!important;
}
html.light-theme body .form > .section h2,
html.light-theme body .form > .section h3,
body.light-theme .form > .section h2,
body.light-theme .form > .section h3{
  color:#172554!important;
}

/* Pola i przyciski — dokładnie ten sam język co home 220 */
html.light-theme body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.condition-multiselect-button,.custom-select,.select-button),
body.light-theme :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.condition-multiselect-button,.custom-select,.select-button){
  background:#fff!important;
  border:1px solid var(--sz223-line)!important;
  border-radius:9px!important;
  color:var(--sz223-text)!important;
  box-shadow:none!important;
}
html.light-theme body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.condition-multiselect-button,.custom-select,.select-button):focus,
body.light-theme :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.condition-multiselect-button,.custom-select,.select-button):focus{
  border-color:var(--sz223-navy)!important;
  box-shadow:0 0 0 3px rgba(30,58,138,.09)!important;
  outline:none!important;
}
html.light-theme body :is(.btn,.primary,.btn-primary,.primary-btn,.submit-btn,.save-btn,.login-btn,.theme-toggle,.theme-toggle-main,.header-theme-toggle),
body.light-theme :is(.btn,.primary,.btn-primary,.primary-btn,.submit-btn,.save-btn,.login-btn,.theme-toggle,.theme-toggle-main,.header-theme-toggle){
  border-radius:10px!important;
}

/* Kafelki ogłoszeń poza stroną główną */
html.light-theme body :is(.user-ad,.listing-card,.more-item,.demontaz-item,.station-listing),
body.light-theme :is(.user-ad,.listing-card,.more-item,.demontaz-item,.station-listing){
  background:var(--sz223-card)!important;
  border:1px solid #d5dde7!important;
  border-radius:16px!important;
  box-shadow:var(--sz223-shadow)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
html.light-theme body :is(.user-ad,.listing-card,.more-item,.demontaz-item,.station-listing):hover,
body.light-theme :is(.user-ad,.listing-card,.more-item,.demontaz-item,.station-listing):hover{
  transform:translateY(-2px);
  border-color:#b7c4d4!important;
  box-shadow:var(--sz223-shadow-hover)!important;
}

/* Stopka */
html.light-theme body .site-footer,
body.light-theme .site-footer{
  background:rgba(248,250,252,.9)!important;
  border-top:1px solid var(--sz223-line)!important;
}

/* =========================================================
   SZROTEO 224 — WYRAŹNE ODŚWIEŻENIE PODSTRON / LIGHT MODE
   Cel: realnie widoczna zmiana wizualna, bez zmian logiki.
   ========================================================= */
html.light-theme body,
html[data-theme="light"] body,
body.light-theme,
body[data-theme="light"]{
  --sz224-page:#e8e9ed;
  --sz224-card:#ffffff;
  --sz224-soft:#f6f8fb;
  --sz224-soft-blue:#eef3fb;
  --sz224-border:#d7dde7;
  --sz224-strong:#172554;
  --sz224-text:#182235;
  --sz224-muted:#687386;
  --sz224-accent:#1e3a8a;
  --sz224-accent2:#274da8;
  --sz224-shadow:0 8px 24px rgba(15,23,42,.08);
  --sz224-shadow-strong:0 16px 38px rgba(15,23,42,.12);
  background:linear-gradient(180deg,#eef0f4 0,#e6e7eb 100%)!important;
  color:var(--sz224-text)!important;
}

/* Header publicznych stron — bardziej „aplikacyjny”, jak w nowym home */
html.light-theme body :is(header,.page-header,.seller-header,.station-header),
html[data-theme="light"] body :is(header,.page-header,.seller-header,.station-header),
body.light-theme :is(header,.page-header,.seller-header,.station-header),
body[data-theme="light"] :is(header,.page-header,.seller-header,.station-header){
  background:linear-gradient(180deg,#ffffff 0%,#f7f9fc 100%)!important;
  border-bottom:1px solid #d8dee8!important;
  box-shadow:0 5px 18px rgba(15,23,42,.07)!important;
}

/* Główne kontenery dostają więcej „powietrza” bez zmiany siatki */
html.light-theme body :is(.container,.product-shell,.seller-page,.station-wrap,.demontaz-shell,.auth-container),
html[data-theme="light"] body :is(.container,.product-shell,.seller-page,.station-wrap,.demontaz-shell,.auth-container),
body.light-theme :is(.container,.product-shell,.seller-page,.station-wrap,.demontaz-shell,.auth-container),
body[data-theme="light"] :is(.container,.product-shell,.seller-page,.station-wrap,.demontaz-shell,.auth-container){
  color:var(--sz224-text)!important;
}

/* Najważniejsze bloki / karty — wyraźnie białe na szarym tle */
html.light-theme body :is(.card,.seller-card,.demontaz-card,.contact-card,.faq,.coming-soon,.auth-card,.profile-card,.security-card,.payment-plan-card,.settings-card,.content-card,.info-card,.details-card,.product-card,.summary-card,.gallery-card,.price-card,.description-card,.vehicle-card,.loading-box,.seller-profile,.seller-listings),
html[data-theme="light"] body :is(.card,.seller-card,.demontaz-card,.contact-card,.faq,.coming-soon,.auth-card,.profile-card,.security-card,.payment-plan-card,.settings-card,.content-card,.info-card,.details-card,.product-card,.summary-card,.gallery-card,.price-card,.description-card,.vehicle-card,.loading-box,.seller-profile,.seller-listings),
body.light-theme :is(.card,.seller-card,.demontaz-card,.contact-card,.faq,.coming-soon,.auth-card,.profile-card,.security-card,.payment-plan-card,.settings-card,.content-card,.info-card,.details-card,.product-card,.summary-card,.gallery-card,.price-card,.description-card,.vehicle-card,.loading-box,.seller-profile,.seller-listings),
body[data-theme="light"] :is(.card,.seller-card,.demontaz-card,.contact-card,.faq,.coming-soon,.auth-card,.profile-card,.security-card,.payment-plan-card,.settings-card,.content-card,.info-card,.details-card,.product-card,.summary-card,.gallery-card,.price-card,.description-card,.vehicle-card,.loading-box,.seller-profile,.seller-listings){
  background:linear-gradient(180deg,#fff 0%,#fcfdff 100%)!important;
  border:1px solid var(--sz224-border)!important;
  border-radius:18px!important;
  box-shadow:var(--sz224-shadow)!important;
}

/* Formularze: każda sekcja ma widoczną kartę z granatowym akcentem */
html.light-theme body form > .section,
html[data-theme="light"] body form > .section,
body.light-theme form > .section,
body[data-theme="light"] form > .section{
  position:relative;
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)!important;
  border:1px solid var(--sz224-border)!important;
  border-top:4px solid var(--sz224-accent)!important;
  border-radius:18px!important;
  box-shadow:var(--sz224-shadow)!important;
  padding-top:22px!important;
}
html.light-theme body form > .section > :is(h2,h3):first-child,
html[data-theme="light"] body form > .section > :is(h2,h3):first-child,
body.light-theme form > .section > :is(h2,h3):first-child,
body[data-theme="light"] form > .section > :is(h2,h3):first-child{
  color:var(--sz224-strong)!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}

/* Tytuły sekcji produktu/sprzedawcy jako wyraźniejsze nagłówki */
html.light-theme body :is(.section-title,.content-title,.demontaz-title,.form-title),
html[data-theme="light"] body :is(.section-title,.content-title,.demontaz-title,.form-title),
body.light-theme :is(.section-title,.content-title,.demontaz-title,.form-title),
body[data-theme="light"] :is(.section-title,.content-title,.demontaz-title,.form-title){
  color:var(--sz224-strong)!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}

/* Pola: nowocześniejsze, lekko „miękkie” */
html.light-theme body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-input,.condition-multiselect-button,.vehicle-form-multiselect-button,.custom-select,.select-button),
html[data-theme="light"] body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-input,.condition-multiselect-button,.vehicle-form-multiselect-button,.custom-select,.select-button),
body.light-theme :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-input,.condition-multiselect-button,.vehicle-form-multiselect-button,.custom-select,.select-button),
body[data-theme="light"] :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-input,.condition-multiselect-button,.vehicle-form-multiselect-button,.custom-select,.select-button){
  background:#f8fafc!important;
  border:1px solid #ccd5e2!important;
  border-radius:11px!important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.025)!important;
}
html.light-theme body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-input,.condition-multiselect-button,.vehicle-form-multiselect-button,.custom-select,.select-button):focus,
html[data-theme="light"] body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-input,.condition-multiselect-button,.vehicle-form-multiselect-button,.custom-select,.select-button):focus,
body.light-theme :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-input,.condition-multiselect-button,.vehicle-form-multiselect-button,.custom-select,.select-button):focus,
body[data-theme="light"] :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-input,.condition-multiselect-button,.vehicle-form-multiselect-button,.custom-select,.select-button):focus{
  background:#fff!important;
  border-color:var(--sz224-accent)!important;
  box-shadow:0 0 0 4px rgba(30,58,138,.10)!important;
}

/* Główne przyciski — bardziej charakterystyczne */
html.light-theme body :is(.btn-main,.btn-primary,.primary-btn,.submit-btn,.save-btn,.primary,.login-btn.add-ad,.demontaz-btn,.station-listings-btn),
html[data-theme="light"] body :is(.btn-main,.btn-primary,.primary-btn,.submit-btn,.save-btn,.primary,.login-btn.add-ad,.demontaz-btn,.station-listings-btn),
body.light-theme :is(.btn-main,.btn-primary,.primary-btn,.submit-btn,.save-btn,.primary,.login-btn.add-ad,.demontaz-btn,.station-listings-btn),
body[data-theme="light"] :is(.btn-main,.btn-primary,.primary-btn,.submit-btn,.save-btn,.primary,.login-btn.add-ad,.demontaz-btn,.station-listings-btn){
  background:linear-gradient(180deg,#274da8 0%,#1e3a8a 100%)!important;
  border-color:#1e3a8a!important;
  color:#fff!important;
  border-radius:11px!important;
  box-shadow:0 6px 14px rgba(30,58,138,.20)!important;
}
html.light-theme body :is(.btn-main,.btn-primary,.primary-btn,.submit-btn,.save-btn,.primary,.login-btn.add-ad,.demontaz-btn,.station-listings-btn):hover,
html[data-theme="light"] body :is(.btn-main,.btn-primary,.primary-btn,.submit-btn,.save-btn,.primary,.login-btn.add-ad,.demontaz-btn,.station-listings-btn):hover,
body.light-theme :is(.btn-main,.btn-primary,.primary-btn,.submit-btn,.save-btn,.primary,.login-btn.add-ad,.demontaz-btn,.station-listings-btn):hover,
body[data-theme="light"] :is(.btn-main,.btn-primary,.primary-btn,.submit-btn,.save-btn,.primary,.login-btn.add-ad,.demontaz-btn,.station-listings-btn):hover{
  box-shadow:0 10px 20px rgba(30,58,138,.25)!important;
  transform:translateY(-1px);
}

/* Przyciski drugorzędne */
html.light-theme body :is(.btn-outline,.ghost,.secondary,.small-action,.gallery-btn,.seller-mini-link,.profile-catalog-btn,.payment-action-btn,.ad-action-btn,.view-btn),
html[data-theme="light"] body :is(.btn-outline,.ghost,.secondary,.small-action,.gallery-btn,.seller-mini-link,.profile-catalog-btn,.payment-action-btn,.ad-action-btn,.view-btn),
body.light-theme :is(.btn-outline,.ghost,.secondary,.small-action,.gallery-btn,.seller-mini-link,.profile-catalog-btn,.payment-action-btn,.ad-action-btn,.view-btn),
body[data-theme="light"] :is(.btn-outline,.ghost,.secondary,.small-action,.gallery-btn,.seller-mini-link,.profile-catalog-btn,.payment-action-btn,.ad-action-btn,.view-btn){
  background:#fff!important;
  border:1px solid #cbd5e1!important;
  color:#334155!important;
  border-radius:10px!important;
  box-shadow:0 2px 8px rgba(15,23,42,.05)!important;
}

/* Profil: boksy statystyk i planów wyraźniej odcięte */
html.light-theme body :is(.stat-box,.payment-plan-card,.security-card),
html[data-theme="light"] body :is(.stat-box,.payment-plan-card,.security-card),
body.light-theme :is(.stat-box,.payment-plan-card,.security-card),
body[data-theme="light"] :is(.stat-box,.payment-plan-card,.security-card){
  background:linear-gradient(180deg,#fff,#f6f8fc)!important;
  border:1px solid #d5dce7!important;
  border-radius:16px!important;
  box-shadow:0 7px 18px rgba(15,23,42,.07)!important;
}
html.light-theme body .stat-value,
html[data-theme="light"] body .stat-value,
body.light-theme .stat-value,
body[data-theme="light"] .stat-value{
  color:var(--sz224-accent)!important;
  font-weight:800!important;
}

/* Sprzedawca / stacja */
html.light-theme body :is(.seller-header-index,.seller-card,.side-section,.station-listings),
html[data-theme="light"] body :is(.seller-header-index,.seller-card,.side-section,.station-listings),
body.light-theme :is(.seller-header-index,.seller-card,.side-section,.station-listings),
body[data-theme="light"] :is(.seller-header-index,.seller-card,.side-section,.station-listings){
  border-radius:18px!important;
}
html.light-theme body :is(.seller-tab.active,.seller-badge),
html[data-theme="light"] body :is(.seller-tab.active,.seller-badge),
body.light-theme :is(.seller-tab.active,.seller-badge),
body[data-theme="light"] :is(.seller-tab.active,.seller-badge){
  background:var(--sz224-soft-blue)!important;
  color:var(--sz224-accent)!important;
  border-color:#c8d5ee!important;
}

/* Kafelki/listingi na podstronach — wyraźny hover */
html.light-theme body :is(.demontaz-item,.station-listing-link,.seller-listings a,.listing-card),
html[data-theme="light"] body :is(.demontaz-item,.station-listing-link,.seller-listings a,.listing-card),
body.light-theme :is(.demontaz-item,.station-listing-link,.seller-listings a,.listing-card),
body[data-theme="light"] :is(.demontaz-item,.station-listing-link,.seller-listings a,.listing-card){
  background:#fff!important;
  border-color:#d7dee8!important;
  border-radius:14px!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
html.light-theme body :is(.demontaz-item,.station-listing-link,.seller-listings a,.listing-card):hover,
html[data-theme="light"] body :is(.demontaz-item,.station-listing-link,.seller-listings a,.listing-card):hover,
body.light-theme :is(.demontaz-item,.station-listing-link,.seller-listings a,.listing-card):hover,
body[data-theme="light"] :is(.demontaz-item,.station-listing-link,.seller-listings a,.listing-card):hover{
  transform:translateY(-2px)!important;
  border-color:#b8c7df!important;
  box-shadow:var(--sz224-shadow-strong)!important;
}

/* Strony informacyjne — hero i sekcje bardziej premium */
html.light-theme body .hero,
html[data-theme="light"] body .hero,
body.light-theme .hero,
body[data-theme="light"] .hero{
  background:linear-gradient(135deg,#ffffff 0%,#eef3fb 100%)!important;
  border:1px solid #d4ddea!important;
  border-radius:20px!important;
  box-shadow:var(--sz224-shadow)!important;
}
html.light-theme body :is(.hero h1,.coming-soon h1),
html[data-theme="light"] body :is(.hero h1,.coming-soon h1),
body.light-theme :is(.hero h1,.coming-soon h1),
body[data-theme="light"] :is(.hero h1,.coming-soon h1){
  color:var(--sz224-strong)!important;
  letter-spacing:-.035em!important;
}

/* FAQ / kontakt */
html.light-theme body .faq,
html[data-theme="light"] body .faq,
body.light-theme .faq,
body[data-theme="light"] .faq{
  border-left:4px solid #c7d4eb!important;
}
html.light-theme body .contact-card,
html[data-theme="light"] body .contact-card,
body.light-theme .contact-card,
body[data-theme="light"] .contact-card{
  border-top:4px solid var(--sz224-accent)!important;
}

/* Stopka delikatnie odcina się od strony */
html.light-theme body .site-footer,
html[data-theme="light"] body .site-footer,
body.light-theme .site-footer,
body[data-theme="light"] .site-footer{
  background:#f8fafc!important;
  border-top:1px solid #d6dde7!important;
}