/* AUTO-GENERATED — DO NOT EDIT BY HAND (except nothing: edit the generator).
Source of truth: the dark-theme CSS files. Regenerate with:
python3 scripts/generate_light_theme.py
Loaded only when site_settings.light_theme_enabled = 1, applies only
under html[data-theme="light"] (set by config/theme_helper.php boot). */
/* ══════ generated from client/assets/css/index.css ══════ */
html[data-theme="light"] body {
background-color: #f3f4f6;
color: #17181c;
}
html[data-theme="light"] body::before {
background: #f3f4f6 url('../images/background.webp') no-repeat center center / cover;
}
html[data-theme="light"] .promo-text {
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.105);
}
html[data-theme="light"] .close-marketing-bar {
background: #ffffff;
color: #17181c;
}
html[data-theme="light"] .close-marketing-bar:hover {
background: #ffffff;
}
html[data-theme="light"] .client-header {
background: rgba(255, 255, 255, 0.818);
border-bottom: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .client-header.scrolled {
background: rgba(255, 255, 255, 0.96);
box-shadow: 0 2px 30px rgba(0, 0, 0, 0.105);
}
html[data-theme="light"] .footer-nav-btn {
color: #74767d;
}
html[data-theme="light"] .footer-nav-btn i {
color: #4f5157;
}
html[data-theme="light"] .store-status-indicator-header {
border: 1px solid rgba(0, 0, 0, 0.23);
}
html[data-theme="light"] .store-status-indicator-header.store-open {
color: #2e7d32;
}
html[data-theme="light"] .store-status-indicator-header.store-closed {
color: #dc2626;
}
html[data-theme="light"] .store-status-indicator-header.store-break {
color: #b45309;
}
html[data-theme="light"] .break-bar-timer {
background: rgba(0, 0, 0, 0.052);
}
html[data-theme="light"] .order-btn::after {
background: linear-gradient(90deg, transparent, #ffffff, transparent);
}
html[data-theme="light"] .slide-title {
text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.175);
}
html[data-theme="light"] .slide-subtitle {
color: #45474d;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.175);
}
html[data-theme="light"] .default-hero {
background: rgba(255, 255, 255, 0.95);
}
html[data-theme="light"] .hero-content h1 {
color: #17181c;
text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.175);
}
html[data-theme="light"] .hero-content p {
color: #45474d;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.175);
}
html[data-theme="light"] .scroll-indicator {
background: rgba(0, 0, 0, 0.061);
border: 1px solid rgba(0, 0, 0, 0.23);
}
html[data-theme="light"] .section-title {
color: #17181c;
}
html[data-theme="light"] .section-subtitle {
color: #45474d;
}
html[data-theme="light"] .daily-offers {
background: rgba(255, 255, 255, 0.96);
}
html[data-theme="light"] .offer-card {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.97));
border: 1px solid rgba(0, 0, 0, 0.115);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);
}
html[data-theme="light"] .offer-card:hover {
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.105);
}
html[data-theme="light"] .product-image {
background: rgba(255, 255, 255, 0.85);
}
html[data-theme="light"] .no-image {
color: #5f6167;
}
html[data-theme="light"] .new-label {
box-shadow: 0 2px 0 #0e6b36,
0 4px 12px rgba(30,160,80,0.5),
inset 0 1px 0 rgba(0, 0, 0, 0.12);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.0875);
}
html[data-theme="light"] .custom-label {
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
}
html[data-theme="light"] .text-label {
color: #17181c;
border: 1px solid rgba(0, 0, 0, 0.23);
}
html[data-theme="light"] .image-label {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .product-name {
color: #17181c;
}
html[data-theme="light"] .product-weight {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.103);
color: #5a5c63;
}
html[data-theme="light"] .offer-card .product-pricing .product-weight {
color: #54565c;
}
html[data-theme="light"] .pdw-sep {
color: #4f5157;
}
html[data-theme="light"] .discount-pricing .original-price {
color: rgba(23, 24, 28, 0.38);
}
html[data-theme="light"] .no-offers {
background: rgba(255, 255, 255, 0.85);
border: 2px dashed rgba(0, 0, 0, 0.23);
}
html[data-theme="light"] .no-offers h3 {
color: #17181c;
}
html[data-theme="light"] .no-offers p {
color: #45474d;
}
html[data-theme="light"] .features-section {
background: rgba(255, 255, 255, 0.96);
}
html[data-theme="light"] .about-content p {
color: #55575e;
}
html[data-theme="light"] .feature-card {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .feature-card:hover {
background: #f6f7f9;
}
html[data-theme="light"] .feature-card h3 {
color: #17181c;
}
html[data-theme="light"] .feature-card p {
color: #5a5c63;
}
html[data-theme="light"] .modal-content {
box-shadow: 0 24px 64px rgba(0, 0, 0, 0.227), inset 0 1px 0 rgba(0, 0, 0, 0.028);
border: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .auth-brand {
background: #f6f7f9;
border-bottom: 1px solid rgba(0, 0, 0, 0.103);
}
html[data-theme="light"] .auth-brand-register {
background: #f6f7f9;
border-bottom: 1px solid rgba(0, 0, 0, 0.0805);
}
html[data-theme="light"] .auth-brand .close {
color: rgba(23, 24, 28, 0.4);
}
html[data-theme="light"] .auth-brand .close:hover {
color: rgba(23, 24, 28, 0.85);
}
html[data-theme="light"] .auth-brand h3 {
color: #1e2024;
}
html[data-theme="light"] .auth-brand p {
color: rgba(23, 24, 28, 0.45);
}
html[data-theme="light"] .auth-brand-register h3 {
color: #1e2024;
}
html[data-theme="light"] .auth-brand-register p {
color: rgba(23, 24, 28, 0.4);
}
html[data-theme="light"] .form-group label {
color: #6b6d74;
}
html[data-theme="light"] .form-group input {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.138);
color: #17181c;
}
html[data-theme="light"] .form-group input::placeholder {
color: #4f5157;
}
html[data-theme="light"] .form-group input:focus {
background: #ffffff;
}
html[data-theme="light"] .checkbox-label {
color: #5a5c63;
}
html[data-theme="light"] .forgot-password:hover {
color: #d54e20;
}
html[data-theme="light"] .btn-secondary {
background: #f6f7f9;
color: #54565c;
border: 1px solid rgba(0, 0, 0, 0.161);
}
html[data-theme="light"] .btn-secondary:hover {
background: #ffffff;
color: #17181c;
border-color: rgba(0, 0, 0, 0.253);
}
html[data-theme="light"] .btn-ghost {
color: #5f6167;
border: 1px dashed rgba(0, 0, 0, 0.138);
}
html[data-theme="light"] .form-divider::before {
background: #ffffff;
}
html[data-theme="light"] .form-divider span {
background: #f2f2f2;
color: #5f6167;
}
html[data-theme="light"] .legal-section {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.092);
}
html[data-theme="light"] .legal-notice {
color: #8a5f28;
border-bottom: 1px solid rgba(0, 0, 0, 0.0805);
}
html[data-theme="light"] .legal-notice i {
color: #92600a;
}
html[data-theme="light"] .checkbox-group label {
color: #6b6d74;
}
html[data-theme="light"] .checkbox-group input:checked + label {
color: #45474d;
}
html[data-theme="light"] .legal-link:hover {
color: #d54e20;
}
html[data-theme="light"] .dob-picker {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.138);
}
html[data-theme="light"] .dob-picker:focus-within {
background: #ffffff;
}
html[data-theme="light"] .dob-inp {
color: #17181c;
}
html[data-theme="light"] .dob-inp::placeholder {
color: rgba(23, 24, 28, 0.18);
}
html[data-theme="light"] .dob-month-btn {
color: rgba(23, 24, 28, 0.2);
}
html[data-theme="light"] .dob-month-btn.has-value {
color: #17181c;
}
html[data-theme="light"] .dob-month-drop {
background: #f2f2f2;
border: 1px solid rgba(0, 0, 0, 0.161);
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.245);
}
html[data-theme="light"] .dob-month-item {
color: #54565c;
}
html[data-theme="light"] .dob-month-item:hover {
color: #17181c;
}
html[data-theme="light"] .dob-seg-label {
color: #3f4147;
}
html[data-theme="light"] .dob-vline {
background: #f6f7f9;
}
html[data-theme="light"] .toggle-password {
color: #4f5157;
}
html[data-theme="light"] .strength-seg {
background: #ffffff;
}
html[data-theme="light"] .password-match.match-ok {
color: #2e7d32;
}
html[data-theme="light"] .password-match.match-err {
color: #d32f2f;
}
html[data-theme="light"] .modal-header {
border-bottom: 1px solid rgba(0, 0, 0, 0.092);
}
html[data-theme="light"] .close {
color: #6f7178;
}
html[data-theme="light"] .verify-email-notice {
color: #54565c;
}
html[data-theme="light"] .verify-email-notice strong {
color: #17181c;
}
html[data-theme="light"] .verify-digit {
background: #f6f7f9;
border: 1.5px solid rgba(0, 0, 0, 0.138);
color: #17181c;
}
html[data-theme="light"] .verify-digit:focus {
background: #ffffff;
}
html[data-theme="light"] .verify-disclaimer {
background: #f6f7f9;
color: #5f6167;
}
html[data-theme="light"] .verify-disclaimer i {
color: #4f5157;
}
html[data-theme="light"] .verify-disclaimer strong {
color: #74767d;
}
html[data-theme="light"] .verify-resend button {
color: #5f6167;
}
html[data-theme="light"] #resend-timer {
color: #4f5157;
}
html[data-theme="light"] .modal-body::-webkit-scrollbar-track {
background: #f6f7f9;
}
html[data-theme="light"] ::-webkit-scrollbar-track {
background: #ffffff;
}
html[data-theme="light"] .site-footer {
background: #f3f4f6;
border-top: 1px solid rgba(0, 0, 0, 0.0805);
}
html[data-theme="light"] .footer-logo {
color: #17181c;
}
html[data-theme="light"] .footer-social-btn {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.115);
color: #74767d;
}
html[data-theme="light"] .footer-links a {
color: #74767d;
}
html[data-theme="light"] .footer-links i {
color: #4f5157;
}
html[data-theme="light"] .footer-contact li {
color: #74767d;
}
html[data-theme="light"] .footer-contact span {
color: #74767d;
}
html[data-theme="light"] .site-footer-bottom {
border-top: 1px solid rgba(0, 0, 0, 0.069);
color: #71737a;
}
html[data-theme="light"] .site-footer-bottom a {
color: #71737a;
}
html[data-theme="light"] .footer-bottom-sep {
color: #2f3136;
}
html[data-theme="light"] .form-alert {
border: 1px solid rgba(0, 0, 0, 0.069);
border-left: 4px solid var(--alert-color, #c3c5ca);
background: rgba(255, 255, 255, 0.96);
color: #63656e;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.105), inset 0 1px 0 rgba(0, 0, 0, 0.016);
}
html[data-theme="light"] .form-alert-close {
color: #535353;
}
html[data-theme="light"] .form-alert-close:hover {
background: #f6f7f9;
color: #5a5c63;
}
html[data-theme="light"] .footer-disclaimer {
border-top: 1px solid rgba(0, 0, 0, 0.0575);
color: #71737a;
}
/* ══════ generated from client/assets/css/menu.css ══════ */
html[data-theme="light"] body {
background-color: #f3f4f6;
color: #17181c;
}
html[data-theme="light"] body::before {
background: #f3f4f6 url('../images/background.webp') no-repeat center center / cover;
}
html[data-theme="light"] .banned-container {
background: rgba(255, 255, 255, 0.97);
box-shadow: 0 20px 60px rgba(244, 67, 54, 0.3),
0 0 0 1px rgba(0, 0, 0, 0.02);
}
html[data-theme="light"] .banned-container i {
color: #dc2626;
}
html[data-theme="light"] .banned-container h2 {
color: #17181c;
}
html[data-theme="light"] .banned-container p {
color: #2c2e33;
}
html[data-theme="light"] .banned-container .contact-info {
color: #d32f2f;
}
html[data-theme="light"] .contact-info strong {
color: #dc2626;
}
html[data-theme="light"] .logout-btn {
box-shadow: 0 6px 20px rgba(244, 67, 54, 0.4),
0 0 0 1px rgba(0, 0, 0, 0.04);
}
html[data-theme="light"] .logout-btn::before {
background: linear-gradient(90deg,
transparent,
#ffffff,
transparent);
}
html[data-theme="light"] .logout-btn:hover {
box-shadow: 0 8px 25px rgba(244, 67, 54, 0.6),
0 0 0 1px rgba(0, 0, 0, 0.06);
}
html[data-theme="light"] .logout-btn:active {
box-shadow: 0 4px 15px rgba(244, 67, 54, 0.4),
0 0 0 1px rgba(0, 0, 0, 0.04);
}
html[data-theme="light"] .loading-content p {
color: #45474d;
}
html[data-theme="light"] .promo-text {
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.105);
}
html[data-theme="light"] .close-marketing-bar {
background: #ffffff;
color: #17181c;
}
html[data-theme="light"] .close-marketing-bar:hover {
background: #ffffff;
}
html[data-theme="light"] .menu-header {
background: rgba(255, 255, 255, 0.96);
border-bottom: 1px solid rgba(0, 0, 0, 0.138);
}
html[data-theme="light"] .search-close-btn {
color: #74767d;
}
html[data-theme="light"] .search-close-btn:hover {
color: #17181c;
}
html[data-theme="light"] .search-toggle-btn {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.172);
color: #45474d;
}
html[data-theme="light"] .break-bar-timer {
background: rgba(0, 0, 0, 0.052);
}
@media (max-width: 768px) {
html[data-theme="light"] .header-center {
background: rgba(255, 255, 255, 0.97);
border-bottom: 1px solid rgba(0, 0, 0, 0.115);
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.175);
}
}
html[data-theme="light"] .search-icon {
color: #74767d;
}
html[data-theme="light"] #search-input {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.23);
color: #17181c;
}
html[data-theme="light"] #search-input:focus {
background: #ffffff;
}
html[data-theme="light"] .clear-search {
color: #74767d;
}
html[data-theme="light"] .clear-search:hover {
background: #ffffff;
color: #17181c;
}
html[data-theme="light"] .profile-btn {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.149);
color: #17181c;
}
html[data-theme="light"] .profile-btn:hover {
background: #ffffff;
}
html[data-theme="light"] .profile-dropdown {
background: rgba(255, 255, 255, 0.97);
border: 1px solid rgba(0, 0, 0, 0.115);
box-shadow: 0 16px 48px rgba(0, 0, 0, 0.193), 0 0 0 1px rgba(0, 0, 0, 0.02);
}
html[data-theme="light"] .dd-pts-icon {
color: #a16207;
}
html[data-theme="light"] .dd-pts-label {
color: #45474d;
}
html[data-theme="light"] .dd-pts-val {
color: #a16207;
}
html[data-theme="light"] .dropdown-section {
border-bottom: 1px solid rgba(0, 0, 0, 0.0805);
}
html[data-theme="light"] .dropdown-item {
color: #54565c;
}
html[data-theme="light"] .dropdown-item:hover {
color: #17181c;
}
html[data-theme="light"] .dropdown-item.logout {
color: #d32f2f;
}
html[data-theme="light"] .dropdown-item.logout i {
color: #d32f2f;
}
html[data-theme="light"] #dd-modal-wrap {
background: rgba(0, 0, 0, 0.067);
}
@media (max-width: 768px) {
html[data-theme="light"] .profile-dropdown {
background: rgba(255, 255, 255, 0.97) !important;
border: 1px solid rgba(0, 0, 0, 0.138) !important;
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.245) !important;
}
html[data-theme="light"] .dd-user-header {
border-bottom: 1px solid rgba(0, 0, 0, 0.092);
}
html[data-theme="light"] .dd-user-name {
color: #17181c;
}
html[data-theme="light"] .dd-x-btn {
background: #f6f7f9;
color: #74767d;
}
html[data-theme="light"] .dd-x-btn:active {
background: #ffffff;
color: #17181c;
}
html[data-theme="light"] .dropdown-item {
color: #33353a !important;
}
}
html[data-theme="light"] .favorites-btn {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.172);
color: #17181c;
}
html[data-theme="light"] .cart-btn {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.172);
color: #17181c;
}
html[data-theme="light"] .cart-tooltip {
background: rgba(255, 255, 255, 0.97);
border: 1px solid rgba(0, 0, 0, 0.172);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.105);
}
html[data-theme="light"] .tooltip-subtotal, html[data-theme="light"] .tooltip-subtotal-eur {
color: #45474d;
}
html[data-theme="light"] .tooltip-subtotal span:last-child, html[data-theme="light"] .tooltip-subtotal-eur span:last-child {
color: #17181c;
}
html[data-theme="light"] .categories-nav {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));
}
html[data-theme="light"] .category-btn {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.23);
color: #45474d;
}
html[data-theme="light"] .product-card {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.96));
border: 1px solid rgba(0, 0, 0, 0.115);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);
}
html[data-theme="light"] .product-card:hover {
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.105);
}
html[data-theme="light"] .product-image {
background: rgba(0, 0, 0, 0.064);
}
html[data-theme="light"] .no-image {
color: #5f6167;
}
html[data-theme="light"] .new-label {
box-shadow: 0 2px 0 #0e6b36,
0 4px 12px rgba(30,160,80,0.5),
inset 0 1px 0 rgba(0, 0, 0, 0.12);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.0875);
}
html[data-theme="light"] .custom-label {
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.105);
}
html[data-theme="light"] .text-label {
color: #17181c;
border: 1px solid rgba(0, 0, 0, 0.287);
}
html[data-theme="light"] .image-label {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .favorite-btn {
color: #45474d;
}
html[data-theme="light"] .product-name {
color: #17181c;
}
html[data-theme="light"] .product-weight {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.103);
color: #5a5c63;
}
html[data-theme="light"] .product-card .product-pricing .product-weight {
color: #54565c;
}
html[data-theme="light"] .discount-pricing .original-price {
color: rgba(23, 24, 28, 0.38);
}
html[data-theme="light"] .add-to-cart-btn:disabled {
background: #c8cacf;
}
html[data-theme="light"] .card-qty-controls {
background: rgba(255, 255, 255, 0.97);
}
html[data-theme="light"] .card-qty-btn.decrease:hover {
color: #dc2626;
}
html[data-theme="light"] .card-remove-all {
border-left: 1px solid rgba(0, 0, 0, 0.092);
color: #5f6167;
}
html[data-theme="light"] .card-remove-all:hover {
color: #dc2626 !important;
}
html[data-theme="light"] .card-qty-count {
color: #17181c;
}
html[data-theme="light"] .cart-mini-toast {
background: rgba(255, 255, 255, 0.97);
border: 1px solid rgba(0, 0, 0, 0.115);
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.175), inset 0 1px 0 rgba(0, 0, 0, 0.024);
}
html[data-theme="light"] .toast-img {
border: 1px solid rgba(0, 0, 0, 0.092);
}
html[data-theme="light"] .toast-label {
color: #2e7d32;
}
html[data-theme="light"] .toast-name {
color: #17181c;
}
html[data-theme="light"] .toast-qty {
color: #74767d;
}
html[data-theme="light"] .toast-close {
color: #4f5157;
}
html[data-theme="light"] .toast-close:hover {
color: #5a5c63;
}
html[data-theme="light"] .toast-img-placeholder--remove {
color: #dc2626;
}
html[data-theme="light"] .toast-label--remove {
color: #dc2626;
}
html[data-theme="light"] .no-results {
background: rgba(255, 255, 255, 0.85);
border: 2px dashed rgba(0, 0, 0, 0.23);
}
html[data-theme="light"] .no-results h3 {
color: #17181c;
}
html[data-theme="light"] .no-results p {
color: #45474d;
}
html[data-theme="light"] .modal-content {
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.175);
border: 1px solid rgba(0, 0, 0, 0.172);
}
html[data-theme="light"] .modal-header {
border-bottom: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .modal-close {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.172);
color: #45474d;
}
html[data-theme="light"] .modal-close:hover {
background: #ffffff;
}
html[data-theme="light"] .cart-empty {
color: #45474d;
}
html[data-theme="light"] .cart-empty h4 {
color: #17181c;
}
html[data-theme="light"] .cart-items-section .section-header {
border-bottom: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .cart-items-section .section-header h4 {
color: #17181c;
}
html[data-theme="light"] .cart-item {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.97));
border: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .cart-item-image {
background: rgba(255, 255, 255, 0.96);
}
html[data-theme="light"] .cart-item-name {
color: #17181c;
}
html[data-theme="light"] .cart-item-remove:hover {
color: #dc2626;
}
html[data-theme="light"] .summary-discount-row span:first-child {
color: #15803d !important;
}
html[data-theme="light"] .summary-discount-val {
color: #15803d !important;
}
html[data-theme="light"] .summary-no-disc-row span:first-child {
color: #5a5c63;
}
html[data-theme="light"] .summary-no-disc-val {
color: #6b6d74 !important;
}
html[data-theme="light"] .ci-orig-line {
color: rgba(23, 24, 28, 0.35);
}
html[data-theme="light"] .quantity-controls {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.149);
}
html[data-theme="light"] .order-summary-section {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.103);
}
html[data-theme="light"] .order-summary-section .section-header h4 {
color: #17181c;
}
html[data-theme="light"] .summary-row {
border-bottom: 1px solid rgba(0, 0, 0, 0.0575);
}
html[data-theme="light"] .summary-row span:first-child {
color: #45474d;
}
html[data-theme="light"] .summary-value {
color: #17181c;
}
html[data-theme="light"] .summary-row.total span:first-child {
color: #17181c;
}
html[data-theme="light"] .summary-row.total .summary-value {
color: #cf5222;
}
html[data-theme="light"] .total-price {
color: #cf5222 !important;
}
html[data-theme="light"] .summary-row.total #cart-total {
color: #8a6a5c !important;
}
html[data-theme="light"] .alert-icon {
color: #c2410c;
}
html[data-theme="light"] .alert-content p {
color: #c2410c;
}
html[data-theme="light"] .continue-shopping {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.172);
color: #17181c;
}
html[data-theme="light"] .continue-shopping:hover {
background: #ffffff;
}
html[data-theme="light"] .checkout-btn:disabled {
background: #c8cacf;
}
html[data-theme="light"] .checkout-closed-notice {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.138);
color: #5a5c63;
}
html[data-theme="light"] .product-detail-image {
background: rgba(0, 0, 0, 0.055);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.105);
}
html[data-theme="light"] .favorite-btn-detail {
color: #45474d;
}
html[data-theme="light"] .product-detail-name {
color: #17181c;
}
html[data-theme="light"] .product-detail-weight {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.103);
color: #54565c;
}
html[data-theme="light"] .product-detail-weight-inline {
color: #54565c;
}
html[data-theme="light"] .pdw-sep {
color: #4f5157;
}
html[data-theme="light"] .product-detail-pricing {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .price-label {
color: #5a5c63;
}
html[data-theme="light"] .product-detail-pricing .original-price {
color: rgba(23, 24, 28, 0.38);
}
html[data-theme="light"] .product-detail-description p {
color: #4a4c52;
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.103);
}
html[data-theme="light"] .allergen-description-text {
color: #4a4c52;
}
html[data-theme="light"] .product-detail-actions {
border-top: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .product-share-btn {
color: #45474d;
}
html[data-theme="light"] .detail-incart-label {
color: #2e7d32;
}
html[data-theme="light"] .detail-qty-ctrl {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.161);
}
html[data-theme="light"] .detail-decrease:hover {
color: #dc2626;
}
html[data-theme="light"] .detail-qty-num {
color: #17181c;
}
html[data-theme="light"] .detail-remove-all {
color: #dc2626;
}
html[data-theme="light"] .quantity-selector {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.172);
}
html[data-theme="light"] .quantity-btn {
color: #17181c;
}
html[data-theme="light"] .quantity-display {
color: #17181c;
}
html[data-theme="light"] .confirmation-header i {
color: #c2410c;
}
html[data-theme="light"] .confirmation-header h3 {
color: #17181c;
}
html[data-theme="light"] .confirmation-body p {
color: #45474d;
}
html[data-theme="light"] .confirmation-actions {
border-top: 1px solid rgba(0, 0, 0, 0.115);
background: rgba(255, 255, 255, 0.75);
}
html[data-theme="light"] .favorites-empty {
color: #45474d;
}
html[data-theme="light"] .favorites-empty h4 {
color: #17181c;
}
html[data-theme="light"] .notif-btn {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.172);
color: #17181c;
}
html[data-theme="light"] .notif-badge {
box-shadow: 0 0 0 2px #ededed, 0 2px 8px rgba(225,88,41,0.5);
}
html[data-theme="light"] .notif-dropdown-inner {
background: rgba(255, 255, 255, 0.97);
border: 1px solid rgba(0, 0, 0, 0.103);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.245), 0 0 0 1px rgba(0, 0, 0, 0.016) inset;
}
html[data-theme="light"] .notif-caret {
background: rgba(255, 255, 255, 0.97);
border-left: 1px solid rgba(0, 0, 0, 0.103);
border-top: 1px solid rgba(0, 0, 0, 0.103);
}
html[data-theme="light"] .notif-dropdown-header {
border-bottom: 1px solid rgba(0, 0, 0, 0.0805);
color: #17181c;
}
html[data-theme="light"] .notif-close-btn {
color: #dc2626;
}
html[data-theme="light"] .notif-list::-webkit-scrollbar-thumb {
background: #ffffff;
}
html[data-theme="light"] .notif-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.046);
}
html[data-theme="light"] .notif-item:hover {
background: #f6f7f9;
}
html[data-theme="light"] .notif-item-title {
color: #17181c;
}
html[data-theme="light"] .notif-item-msg {
color: #5a5c63;
}
html[data-theme="light"] .notif-item-time {
color: #5f6167;
}
html[data-theme="light"] .notif-empty {
color: #5f6167;
}
html[data-theme="light"] .profile-tabs-wrapper {
background: rgba(255, 255, 255, 0.97);
border-bottom: 1px solid rgba(0, 0, 0, 0.0805);
}
html[data-theme="light"] .tab-btn {
color: #6f7178;
}
html[data-theme="light"] .tab-btn:hover {
color: #45474d;
background: #f6f7f9;
}
html[data-theme="light"] .form-group label {
color: #17181c;
}
html[data-theme="light"] .form-group input, html[data-theme="light"] .form-group select, html[data-theme="light"] .form-group textarea {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.172);
color: #17181c;
}
html[data-theme="light"] .form-group input[readonly] {
background: #f6f7f9;
border-color: rgba(0, 0, 0, 0.115);
color: #74767d;
}
html[data-theme="light"] .form-group input:focus, html[data-theme="light"] .form-group select:focus, html[data-theme="light"] .form-group textarea:focus {
background: #ffffff;
}
html[data-theme="light"] .form-actions.profile-form-actions {
border-top: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .password-feedback.valid {
color: #2e7d32;
}
html[data-theme="light"] .password-feedback.invalid {
color: #dc2626;
}
html[data-theme="light"] .change-password-section {
border: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .change-password-toggle {
background: #f6f7f9;
color: #45474d;
}
html[data-theme="light"] .change-password-toggle:hover {
background: #f6f7f9;
color: #17181c;
}
html[data-theme="light"] .change-password-form {
background: #f6f7f9;
}
html[data-theme="light"] .strength-bar {
background: #ffffff;
}
html[data-theme="light"] .strength-text {
color: #74767d;
}
html[data-theme="light"] .requirement {
color: #74767d;
}
html[data-theme="light"] .requirement.valid {
color: #2e7d32;
}
html[data-theme="light"] .requirement.valid i {
color: #2e7d32;
}
html[data-theme="light"] .requirement i {
color: #5f6167;
}
html[data-theme="light"] .marketing-pref-section {
border: 1px solid rgba(0, 0, 0, 0.115);
background: #f6f7f9;
}
html[data-theme="light"] .marketing-pref-title {
color: #45474d;
}
html[data-theme="light"] .marketing-pref-desc {
color: #74767d;
}
html[data-theme="light"] .marketing-pref-slider {
background-color: #ffffff;
}
html[data-theme="light"] .location-btn {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.172);
color: #45474d;
}
html[data-theme="light"] .address-map-container {
border: 1px solid rgba(0, 0, 0, 0.138);
box-shadow: 0 6px 22px rgba(0, 0, 0, 0.098);
background: rgba(255, 255, 255, 0.96);
}
html[data-theme="light"] .address-map .leaflet-control-attribution {
color: #54565c;
}
html[data-theme="light"] .address-map .leaflet-control-attribution a {
color: #a3542a;
}
html[data-theme="light"] .map-control-btn {
border: 1px solid rgba(0, 0, 0, 0.23);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.105);
}
html[data-theme="light"] .toggle-slider {
background: #ffffff;
}
html[data-theme="light"] .toggle-text {
color: #45474d;
}
html[data-theme="light"] .address-suggestions {
background: rgba(255, 255, 255, 0.97);
}
html[data-theme="light"] .address-suggestion {
border-bottom: 1px solid rgba(0, 0, 0, 0.0575);
}
html[data-theme="light"] .suggestion-main {
color: #17181c;
}
html[data-theme="light"] .suggestion-details {
color: #45474d;
}
html[data-theme="light"] .checkbox-group label {
color: #45474d;
}
html[data-theme="light"] .form-actions {
border-top: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .btn-primary:disabled {
background: #c8cacf;
}
html[data-theme="light"] .btn-secondary {
background: #f6f7f9;
color: #17181c;
border: 1px solid rgba(0, 0, 0, 0.172);
}
html[data-theme="light"] .btn-secondary:hover {
background: #ffffff;
color: #3f4147;
}
html[data-theme="light"] .section-title {
color: #17181c;
}
html[data-theme="light"] .section-description {
color: #74767d;
}
html[data-theme="light"] .address-column-title {
color: #17181c;
}
html[data-theme="light"] .address-card {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.97));
border: 2px solid rgba(0, 0, 0, 0.172);
}
html[data-theme="light"] .address-title span {
color: #17181c;
}
html[data-theme="light"] .address-text {
color: #45474d;
}
html[data-theme="light"] .address-notes {
background: #f6f7f9;
}
html[data-theme="light"] .address-notes i {
color: #c2410c;
}
html[data-theme="light"] .address-notes span {
color: #45474d;
}
html[data-theme="light"] .address-date {
color: #74767d;
}
html[data-theme="light"] .address-action-btn {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.172);
color: #45474d;
}
html[data-theme="light"] .address-action-btn:hover {
background: #ffffff;
color: #17181c;
}
html[data-theme="light"] .address-action-btn.set-active-address:hover {
color: #2e7d32;
}
html[data-theme="light"] .address-action-btn.edit-address:hover {
color: #1565c0;
}
html[data-theme="light"] .address-action-btn.delete-address:hover {
color: #dc2626;
}
html[data-theme="light"] .address-action-btn.edit-on-map:hover {
color: #2e7d32;
}
html[data-theme="light"] .devices-loading {
color: #6b6d74;
}
html[data-theme="light"] .device-card {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.97));
border: 2px solid rgba(0, 0, 0, 0.172);
}
html[data-theme="light"] .device-card-title span:first-child {
color: #17181c;
}
html[data-theme="light"] .device-card-meta {
color: #6b6d74;
}
html[data-theme="light"] .device-logout-btn {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.172);
color: #45474d;
}
html[data-theme="light"] .device-logout-btn:hover {
color: #dc2626;
}
html[data-theme="light"] .address-alert i {
color: #c2410c;
}
html[data-theme="light"] .alert-title {
color: #c2410c;
}
html[data-theme="light"] .alert-description {
color: #c2410c;
}
html[data-theme="light"] .empty-state {
color: #5f6167;
}
html[data-theme="light"] .empty-title, html[data-theme="light"] .empty-state h3, html[data-theme="light"] .empty-state h4 {
color: #45474d;
}
html[data-theme="light"] .empty-description, html[data-theme="light"] .empty-state p {
color: #74767d;
}
html[data-theme="light"] .empty-state .small {
color: #5f6167;
}
html[data-theme="light"] ::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.96);
}
html[data-theme="light"] ::selection {
color: #17181c;
}
html[data-theme="light"] ::-moz-selection {
color: #17181c;
}
html[data-theme="light"] #points-tab {
color: #17181c;
}
html[data-theme="light"] .loyalty-loading, html[data-theme="light"] .loyalty-empty {
color: #6b6d74;
}
html[data-theme="light"] .loyalty-section-title {
color: #17181c;
}
html[data-theme="light"] .loyalty-section-hint {
color: #6b6d74;
}
html[data-theme="light"] .loyalty-hero::after {
background: radial-gradient(circle, #ffffff, transparent 70%);
}
html[data-theme="light"] .lh-rank {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.253);
}
html[data-theme="light"] .lh-rank i {
color: #a16207;
}
html[data-theme="light"] .loyalty-progress {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .lp-progress-head {
color: #45474d;
}
html[data-theme="light"] .lp-progress-bar {
background: #ffffff;
}
html[data-theme="light"] .lh-perks {
color: #737373;
}
html[data-theme="light"] .lh-info-btn {
color: #c14d1d;
}
html[data-theme="light"] .lh-info-box {
background: #ffffff;
box-shadow: 0 24px 64px rgba(0, 0, 0, 0.21);
}
html[data-theme="light"] .lh-info-close {
background: #f6f7f9;
color: #6b6d74;
}
html[data-theme="light"] .lh-info-close:hover {
color: #17181c;
}
html[data-theme="light"] .lh-info-body h3 {
color: #17181c;
}
html[data-theme="light"] .lh-info-body p {
color: #45474d;
}
html[data-theme="light"] .lh-info-body p strong {
color: #c14d1d;
}
html[data-theme="light"] .lh-info-hint {
color: #6b6d74 !important;
}
html[data-theme="light"] .lh-info-rank-row {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .lh-info-rank-name {
color: #17181c;
}
html[data-theme="light"] .lh-info-rank-you {
color: #a16207;
}
html[data-theme="light"] .lh-info-rank-meta {
color: #6b6d74;
}
html[data-theme="light"] .lh-info-rank-bonus {
color: #2e7d32;
}
html[data-theme="light"] .lh-info-rank-perks {
color: #737373;
}
html[data-theme="light"] .ld-icon {
color: #0f766e;
}
html[data-theme="light"] .ld-info h4 {
color: #17181c;
}
html[data-theme="light"] .ld-info p {
color: #55575e;
}
html[data-theme="light"] .ld-points {
color: #0f766e;
}
html[data-theme="light"] .ld-done {
color: #0f766e;
}
html[data-theme="light"] .loyalty-shop-card {
border: 1px solid rgba(0, 0, 0, 0.138);
background: #f6f7f9;
}
html[data-theme="light"] .loyalty-shop-card:not(.locked):hover {
box-shadow: 0 10px 26px rgba(0, 0, 0, 0.105);
}
html[data-theme="light"] .ls-discount {
color: #d54e20;
}
html[data-theme="light"] .ls-name {
color: #45474d;
}
html[data-theme="light"] .ls-cost {
color: #a3542a;
}
html[data-theme="light"] .ls-cost i {
color: #c2410c;
}
html[data-theme="light"] .ls-buy:disabled {
background: #ffffff;
color: #74767d;
}
html[data-theme="light"] .lmv-disc {
color: #d54e20;
}
html[data-theme="light"] .lmv-left code {
color: #17181c;
background: #ffffff;
}
html[data-theme="light"] .lmv-reason {
color: #b45309;
}
html[data-theme="light"] .lmv-right small {
color: #6b6d74;
}
html[data-theme="light"] .lmv-right strong {
color: #2c2e33;
}
html[data-theme="light"] .loyalty-hist-row {
border-bottom: 1px solid rgba(0, 0, 0, 0.0805);
}
html[data-theme="light"] .lhr-info strong {
color: #1e2024;
}
html[data-theme="light"] .lhr-info small {
color: #6b6d74;
}
html[data-theme="light"] .lhr-points.pos {
color: #0f766e;
}
html[data-theme="light"] .lhr-points.neg {
color: #d32f2f;
}
html[data-theme="light"] .lh-pager {
border-top: 1px solid rgba(0, 0, 0, 0.0805);
}
html[data-theme="light"] .lh-pager-btn {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.138);
color: #45474d;
}
html[data-theme="light"] .lh-pager-btn:hover:not(:disabled) {
background: #ffffff;
color: #17181c;
}
html[data-theme="light"] .lh-pager-info {
color: #6f7178;
}
html[data-theme="light"] .orders-loading {
color: #6b6d74;
}
html[data-theme="light"] .myorder-card {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .myorder-num {
color: #17181c;
}
html[data-theme="light"] .myorder-status.cancelled {
color: #d32f2f;
}
html[data-theme="light"] .myorder-meta {
color: #6b6d74;
}
html[data-theme="light"] .myorder-sched-badge {
color: #7c3aed;
}
html[data-theme="light"] .myorder-items {
border-top: 1px solid rgba(0, 0, 0, 0.0805);
border-bottom: 1px solid rgba(0, 0, 0, 0.0805);
}
html[data-theme="light"] .myorder-item-name {
color: #2c2e33;
}
html[data-theme="light"] .myorder-item-price {
color: #17181c;
}
html[data-theme="light"] .myorder-item-price .lv {
color: #6b6d74;
}
html[data-theme="light"] .myorder-total span {
color: #45474d;
}
html[data-theme="light"] .myorder-total strong {
color: #cf5222;
}
html[data-theme="light"] .myorder-total strong .lv {
color: #6b6d74;
}
html[data-theme="light"] .myorder-card.trackable:hover {
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.098);
}
html[data-theme="light"] .myorder-pts-sep {
color: #17181c;
}
html[data-theme="light"] .myorder-points {
color: #cf5222;
}
html[data-theme="light"] .myorder-track {
border-top: 1px solid rgba(0, 0, 0, 0.0805);
color: #cf5222;
}
html[data-theme="light"] .myorder-card.trackable:hover .myorder-track {
color: #c14d1d;
}
html[data-theme="light"] .op-btn {
border: 1px solid rgba(0, 0, 0, 0.161);
background: #f6f7f9;
color: #33353a;
}
html[data-theme="light"] .op-btn:hover:not(:disabled) {
background: #ffffff;
}
html[data-theme="light"] .myorder-charity {
color: #c25f38;
}
html[data-theme="light"] .myorder-charity .charity-title {
color: #b45332;
}
html[data-theme="light"] .myorder-charity .charity-desc {
color: #c25f38;
}
html[data-theme="light"] .myorder-charity .charity-status.donated {
color: #15803d;
}
html[data-theme="light"] .myorder-charity .charity-status.donated i {
color: #15803d;
}
html[data-theme="light"] .myorder-charity .charity-status.pending {
color: #b45309;
}
html[data-theme="light"] .myorder-charity .charity-status.pending i {
color: #b45309;
}
html[data-theme="light"] .myorder-charity .charity-status.terminated {
color: #6b7280;
}
html[data-theme="light"] .myorder-charity .charity-status.terminated i {
color: #6b7280;
}
html[data-theme="light"] .myorder-charity.terminated .charity-heart {
color: #6b7280;
}
html[data-theme="light"] .myorder-charity.terminated .charity-title {
color: #6b7280;
}
html[data-theme="light"] .myorder-charity.charity-cancelled .charity-heart {
color: #737373;
}
html[data-theme="light"] .myorder-charity.charity-cancelled .charity-title {
color: #737373;
}
html[data-theme="light"] .charity-status-cancelled {
color: #6b7280 !important;
}
html[data-theme="light"] .charity-status-cancelled i {
color: #737373;
}
html[data-theme="light"] .charity-terminated-reason {
color: #6b7280;
}
html[data-theme="light"] .myorder-charity .charity-proof-link {
color: #15803d;
}
html[data-theme="light"] .myorder-charity .charity-proof-link:hover {
color: #166534;
}
html[data-theme="light"] .cart-charity-notice {
color: #c25f38;
}
html[data-theme="light"] .cart-charity-notice > div strong {
color: #b45332;
}
html[data-theme="light"] .myorder-detail-btn {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.115);
color: #5a5c63;
}
html[data-theme="light"] .od-section {
border-bottom: 1px solid rgba(0, 0, 0, 0.069);
}
html[data-theme="light"] .od-row {
color: #45474d;
border-bottom: 1px solid rgba(0, 0, 0, 0.046);
}
html[data-theme="light"] .od-row > span:first-child {
color: #6f7178;
}
html[data-theme="light"] .od-notes > span:last-child {
color: #54565c;
}
html[data-theme="light"] .od-item {
color: #45474d;
border-bottom: 1px solid rgba(0, 0, 0, 0.046);
}
html[data-theme="light"] .od-item-disc-badge {
color: #15803d;
}
html[data-theme="light"] .od-promo-pct-badge {
color: #15803d;
}
html[data-theme="light"] .od-item-orig {
color: #5f6167;
}
html[data-theme="light"] .od-item-orig-bgn {
color: #4f5157;
}
html[data-theme="light"] .od-item-price .lv {
color: #4f5157;
}
html[data-theme="light"] .od-promo-row {
border-bottom: 1px solid rgba(0, 0, 0, 0.046);
}
html[data-theme="light"] .od-promo-type {
color: #45474d;
}
html[data-theme="light"] .od-promo-name {
color: #6f7178;
}
html[data-theme="light"] .od-promo-amount {
color: #15803d;
}
html[data-theme="light"] .od-discount > span:first-child {
color: #15803d;
}
html[data-theme="light"] .od-discount > span:last-child {
color: #15803d;
}
html[data-theme="light"] .od-sub > span:first-child {
color: #5a5c63;
}
html[data-theme="light"] .od-row-divider {
background: #f6f7f9;
}
html[data-theme="light"] .od-no-disc > span:first-child {
color: #74767d !important;
}
html[data-theme="light"] .od-no-disc > span:last-child {
color: #74767d;
}
html[data-theme="light"] .od-cash > span:first-child {
color: #5a5c63 !important;
}
html[data-theme="light"] .od-cash > span:last-child {
color: #54565c;
}
html[data-theme="light"] .od-grand-total {
border-top: 2px solid rgba(0, 0, 0, 0.138) !important;
}
html[data-theme="light"] .od-grand-total > span:first-child {
color: #17181c !important;
}
html[data-theme="light"] .od-grand-total > span:last-child strong {
color: #17181c;
}
html[data-theme="light"] .od-grand-total .lv {
color: #6f7178 !important;
}
html[data-theme="light"] .od-scheduled-pickup > span:first-child {
color: #7c3aed !important;
}
html[data-theme="light"] .od-sched-badge {
color: #7c3aed;
}
html[data-theme="light"] .od-pay-paid {
color: #15803d;
}
html[data-theme="light"] .od-pay-unpaid {
color: #b45309;
}
html[data-theme="light"] .od-pay-pending {
color: #b45309;
}
html[data-theme="light"] .od-pay-failed {
color: #dc2626;
}
html[data-theme="light"] .od-section.od-section-points {
color: #33353a;
}
html[data-theme="light"] .od-section-points i {
color: #c2410c;
}
html[data-theme="light"] .od-section-points strong {
color: #cf5222;
}
html[data-theme="light"] .od-empty {
color: #5f6167;
}
html[data-theme="light"] .mobile-burger-btn {
color: rgba(23, 24, 28, 0.85);
}
html[data-theme="light"] .mobile-notif-mirror {
color: rgba(23, 24, 28, 0.85);
}
html[data-theme="light"] .mobile-notif-count-mirror {
border: 1.5px solid rgba(0, 0, 0, 0.27);
}
html[data-theme="light"] .burger-drawer {
background: rgba(255, 255, 255, 0.97);
border-right: 1px solid rgba(0, 0, 0, 0.103);
box-shadow: 6px 0 32px rgba(0, 0, 0, 0.175);
}
html[data-theme="light"] .burger-user-name {
color: #17181c;
}
html[data-theme="light"] .burger-pts-pill {
color: #cf5222;
}
html[data-theme="light"] .burger-pts-label {
color: rgba(23, 24, 28, 0.45);
}
html[data-theme="light"] .burger-pts-rank {
color: #a16207;
}
html[data-theme="light"] .burger-guest-title {
color: #17181c;
}
html[data-theme="light"] .burger-guest-sub {
color: rgba(23, 24, 28, 0.5);
}
html[data-theme="light"] .burger-divider {
background: #f6f7f9;
}
html[data-theme="light"] .burger-item {
color: rgba(23, 24, 28, 0.82);
}
html[data-theme="light"] .burger-item:active {
color: #17181c;
}
html[data-theme="light"] .site-footer {
background: #f3f4f6;
border-top: 1px solid rgba(0, 0, 0, 0.0805);
}
html[data-theme="light"] .footer-logo {
color: #17181c;
}
html[data-theme="light"] .footer-social-btn {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.115);
color: #74767d;
}
html[data-theme="light"] .footer-links a {
color: #74767d;
}
html[data-theme="light"] .footer-links i {
color: #4f5157;
}
html[data-theme="light"] .footer-contact li {
color: #74767d;
}
html[data-theme="light"] .footer-contact span {
color: #74767d;
}
html[data-theme="light"] .site-footer-bottom {
border-top: 1px solid rgba(0, 0, 0, 0.069);
color: #71737a;
}
html[data-theme="light"] .site-footer-bottom a {
color: #71737a;
}
html[data-theme="light"] .footer-bottom-sep {
color: #2f3136;
}
html[data-theme="light"] .footer-disclaimer {
border-top: 1px solid rgba(0, 0, 0, 0.0575);
color: #71737a;
}
html[data-theme="light"] .myorder-refund-badge.card {
color: #1565c0;
}
html[data-theme="light"] .myorder-refund-badge.voucher {
color: #b45309;
}
html[data-theme="light"] .myorder-refund-banner.card .myorder-refund-banner-icon {
color: #1565c0;
}
html[data-theme="light"] .myorder-refund-banner.voucher .myorder-refund-banner-icon {
color: #b45309;
}
html[data-theme="light"] .myorder-refund-banner.card .myorder-refund-banner-title {
color: #1565c0;
}
html[data-theme="light"] .myorder-refund-banner.voucher .myorder-refund-banner-title {
color: #a16207;
}
html[data-theme="light"] .myorder-refund-voucher-code {
color: #c2410c;
}
html[data-theme="light"] .bugrep-intro {
color: #6b6d74;
}
html[data-theme="light"] .bugrep-field > label {
color: #17181c;
}
html[data-theme="light"] .bugrep-optional {
color: #6f7178;
}
html[data-theme="light"] .bugrep-field textarea {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.138);
color: #17181c;
}
html[data-theme="light"] .bugrep-field textarea::placeholder {
color: #5f6167;
}
html[data-theme="light"] .bugrep-field textarea:focus {
background: #ffffff;
}
html[data-theme="light"] .bugrep-counter {
color: #5f6167;
}
html[data-theme="light"] .bugrep-counter.near-limit {
color: #b45309;
}
html[data-theme="light"] .bugrep-counter.at-limit {
color: #dc2626;
}
html[data-theme="light"] .bugrep-severity-opt {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .bugrep-severity-icon {
background: #f6f7f9;
color: #74767d;
}
html[data-theme="light"] .bugrep-severity-label {
color: #26282d;
}
html[data-theme="light"] .bugrep-severity-desc {
color: #6f7178;
}
html[data-theme="light"] .bugrep-severity-opt:hover {
background: #f6f7f9;
}
html[data-theme="light"] .bugrep-severity-opt.sev-light.selected .bugrep-severity-icon {
color: #343434;
}
html[data-theme="light"] .bugrep-dropzone {
border: 1.5px dashed rgba(0, 0, 0, 0.23);
background: #f6f7f9;
}
html[data-theme="light"] .bugrep-dropzone.has-file {
border-color: rgba(0, 0, 0, 0.138);
}
html[data-theme="light"] .bugrep-dropzone-empty p {
color: #45474d;
}
html[data-theme="light"] .bugrep-dropzone-empty p strong {
color: #17181c;
}
html[data-theme="light"] .bugrep-dropzone-empty span {
color: #5f6167;
}
html[data-theme="light"] .bugrep-dropzone-preview img {
border: 1px solid rgba(0, 0, 0, 0.138);
}
html[data-theme="light"] .bugrep-preview-name {
color: #26282d;
}
html[data-theme="light"] .bugrep-preview-size {
color: #6f7178;
}
html[data-theme="light"] .bugrep-preview-remove {
color: #dc2626;
}
html[data-theme="light"] .theme-switch-section {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.092);
}
html[data-theme="light"] .theme-switch-label {
color: #17181c;
}
html[data-theme="light"] .theme-switch-btn {
border: 1.5px solid rgba(0, 0, 0, 0.138);
background: #f6f7f9;
color: #45474d;
}
html[data-theme="light"] .theme-switch-btn:hover {
color: #17181c;
}
html[data-theme="light"] .theme-switch-hint {
color: #6f7178;
}
/* ══════ generated from client/assets/css/checkout.css ══════ */
html[data-theme="light"] body::before {
background: #f3f4f6 url('../images/background.webp') no-repeat center center / cover;
}
html[data-theme="light"] body {
background-color: #f3f4f6;
color: #17181c;
}
html[data-theme="light"] .loading-content p {
color: #45474d;
}
html[data-theme="light"] .mobile-header {
background: rgba(255, 255, 255, 0.8);
border-bottom: 1px solid rgba(0, 0, 0, 0.115);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07), 0 1px 0 rgba(0, 0, 0, 0.028) inset;
}
html[data-theme="light"] .mobile-back-btn {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.172);
color: #17181c;
}
html[data-theme="light"] .mobile-step-circle {
background: #ffffff;
border: 2px solid rgba(0, 0, 0, 0.23);
color: #45474d;
}
html[data-theme="light"] .mobile-step.completed .mobile-step-label {
color: #2e7d32;
}
html[data-theme="light"] .mobile-step-label {
color: #5a5c63;
}
html[data-theme="light"] .mobile-step[data-step="1"] .mobile-step-label {
color: #17181c;
}
html[data-theme="light"] .mobile-progress-line {
background: #ffffff;
}
html[data-theme="light"] .checkout-header.desktop-only {
background: linear-gradient(
135deg,
rgba(0, 0, 0, 0.0676) 0%,
rgba(255, 255, 255, 0.95) 50%,
rgba(0, 0, 0, 0.0676) 100%
);
border: 1px solid rgba(0, 0, 0, 0.161);
border-bottom: 1px solid rgba(0, 0, 0, 0.092);
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.063),
0 1px 0 rgba(0, 0, 0, 0.048) inset,
0 -1px 0 rgba(0, 0, 0, 0.0525) inset;
}
html[data-theme="light"] .checkout-header.desktop-only::before {
background: linear-gradient(
110deg,
#f6f7f9 0%,
transparent 40%,
rgba(225, 88, 41, 0.04) 80%,
transparent 100%
);
}
html[data-theme="light"] .checkout-progress {
background: rgba(255, 255, 255, 0.96);
border: 1px solid rgba(0, 0, 0, 0.138);
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.105), 0 1px 0 rgba(0, 0, 0, 0.028) inset;
}
html[data-theme="light"] .step-number {
background: #ffffff;
}
html[data-theme="light"] .step-label {
color: #45474d;
}
html[data-theme="light"] .step-indicator.active .step-label {
color: #17181c;
}
html[data-theme="light"] .step-indicator.completed .step-label {
color: #2e7d32;
}
html[data-theme="light"] .step-divider {
background: #ffffff;
}
html[data-theme="light"] .back-to-menu {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.172);
color: #17181c;
}
html[data-theme="light"] .checkout-steps {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.97));
border: 1px solid rgba(0, 0, 0, 0.172);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.105);
}
html[data-theme="light"] .step-header h3 {
color: #17181c;
}
html[data-theme="light"] .step-header p {
color: #5a5c63;
}
html[data-theme="light"] .alert-warning .alert-content {
color: #c2410c;
}
html[data-theme="light"] .alert-warning .alert-content i {
color: #c2410c;
}
html[data-theme="light"] .alert-danger .alert-content {
color: #dc2626;
}
html[data-theme="light"] .alert-danger .alert-content i {
color: #dc2626;
}
html[data-theme="light"] .delivery-option {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .delivery-option:hover {
background: #f6f7f9;
}
html[data-theme="light"] .option-content h4 {
color: #17181c;
}
html[data-theme="light"] .option-content p {
color: #5a5c63;
}
html[data-theme="light"] .delivery-fee, html[data-theme="light"] .delivery-range, html[data-theme="light"] .pickup-address {
background: #f6f7f9;
color: #17181c;
}
html[data-theme="light"] .delivery-fee span {
color: #2e7d32;
}
html[data-theme="light"] .delivery-range {
color: #1565c0;
}
html[data-theme="light"] .pickup-address {
color: #c2410c;
}
html[data-theme="light"] .option-selector {
border: 2px solid rgba(0, 0, 0, 0.345);
}
html[data-theme="light"] .address-notes-info {
color: #1565c0;
}
html[data-theme="light"] .form-group label, html[data-theme="light"] .form-group .form-field-heading {
color: #33353a;
}
html[data-theme="light"] input[type="text"], html[data-theme="light"] input[type="email"], html[data-theme="light"] input[type="tel"], html[data-theme="light"] input[type="date"], html[data-theme="light"] input[type="password"], html[data-theme="light"] select, html[data-theme="light"] textarea {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.172);
color: #17181c;
}
html[data-theme="light"] input:focus, html[data-theme="light"] select:focus, html[data-theme="light"] textarea:focus {
background: #ffffff;
}
html[data-theme="light"] input:disabled, html[data-theme="light"] textarea:disabled {
background: #f6f7f9;
border-color: rgba(0, 0, 0, 0.115);
color: #74767d;
}
html[data-theme="light"] .pup-section {
background: linear-gradient(135deg, rgba(225, 88, 41, 0.08) 0%, rgba(255, 255, 255, 0.85) 100%);
}
html[data-theme="light"] .pup-icon.unlocked {
color: #2e7d32;
}
html[data-theme="light"] .pup-name {
color: rgba(23, 24, 28, 0.85);
}
html[data-theme="light"] .pup-badge.unlocked {
color: #2e7d32;
}
html[data-theme="light"] .pup-status {
color: rgba(23, 24, 28, 0.4);
}
html[data-theme="light"] .pup-status.unlocked {
color: #2e7d32;
}
html[data-theme="light"] .pup-track {
background: #f6f7f9;
}
html[data-theme="light"] .pup-fill::after {
background: linear-gradient(90deg, transparent, #ffffff, transparent);
}
html[data-theme="light"] .pup-note {
border-top: 1px solid rgba(0, 0, 0, 0.069);
color: rgba(23, 24, 28, 0.3);
}
html[data-theme="light"] .pup-unlocked-header {
color: #2e7d32;
}
html[data-theme="light"] .pup-promo-card {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .pup-promo-card:hover {
background: #f6f7f9;
border-color: rgba(0, 0, 0, 0.207);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}
html[data-theme="light"] .pup-promo-card.selected .pup-card-icon {
color: #2e7d32;
}
html[data-theme="light"] .pup-card-name {
color: #33353a;
}
html[data-theme="light"] .pup-card-desc {
color: #74767d;
}
html[data-theme="light"] .pup-card-delivery {
color: #c2410c;
}
html[data-theme="light"] .pup-promo-card.selected .pup-card-value {
color: #2e7d32;
}
html[data-theme="light"] .pup-card-selector {
border: 2px solid rgba(0, 0, 0, 0.287);
}
html[data-theme="light"] .auto-promotions-section h4 {
color: #45474d;
}
html[data-theme="light"] .auto-promotions-section h4 i {
color: #c2410c;
}
html[data-theme="light"] .no-promotions-message {
background: #f6f7f9;
border: 1px dashed rgba(0, 0, 0, 0.115);
color: #5a5c63;
}
html[data-theme="light"] .no-promotions-message i {
color: #5f6167;
}
html[data-theme="light"] .promo-item.selectable {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .promo-item.selectable:hover {
background: #f6f7f9;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}
html[data-theme="light"] .promo-item.selectable.inactive .promo-details h5 {
color: #dc2626 !important;
}
html[data-theme="light"] .promo-item.selectable.inactive .promo-details p {
color: #c53030 !important;
}
html[data-theme="light"] .promo-item.selectable.inactive .promo-icon {
color: #dc2626 !important;
}
html[data-theme="light"] .promo-item.selectable.inactive .promo-value {
color: #dc2626 !important;
}
html[data-theme="light"] .promo-item.selectable.active .promo-icon {
color: #2e7d32;
}
html[data-theme="light"] .promo-details h5 {
color: #26282d;
}
html[data-theme="light"] .promo-item.selectable.active .promo-details h5 {
color: #2e7d32;
}
html[data-theme="light"] .promo-details p {
color: #74767d;
}
html[data-theme="light"] .delivery-only-indicator {
color: #c2410c;
}
html[data-theme="light"] .promo-item.selectable.inactive .delivery-only-indicator {
color: #dc2626;
}
html[data-theme="light"] .promo-value {
color: #2e7d32;
}
html[data-theme="light"] .promo-selector {
border: 2px solid rgba(0, 0, 0, 0.345);
}
html[data-theme="light"] .discount-tabs {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .discount-tab {
color: #5a5c63;
}
html[data-theme="light"] .promo-code-card {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.97));
}
html[data-theme="light"] .promo-code-header {
border-bottom: 1px solid rgba(0, 0, 0, 0.092);
}
html[data-theme="light"] .promo-code-title h4 {
color: #17181c;
}
html[data-theme="light"] .promo-code-title h4 i {
color: #b45309;
}
html[data-theme="light"] .promo-code-subtitle {
color: #5a5c63;
}
html[data-theme="light"] .input-wrapper {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.172);
}
html[data-theme="light"] .input-wrapper.focused {
background: #ffffff;
}
html[data-theme="light"] .promo-code-input-container input[type="text"] {
color: #17181c;
}
html[data-theme="light"] .promo-code-input-container input[type="text"]::placeholder {
color: #74767d;
}
html[data-theme="light"] .btn-apply-promo:disabled {
background: #c8cacf;
}
html[data-theme="light"] .promo-feedback.success {
color: #2e7d32;
}
html[data-theme="light"] .promo-feedback.error {
color: #dc2626;
}
html[data-theme="light"] .applied-promotions-section h4 {
color: #45474d;
}
html[data-theme="light"] .applied-promotions-section h4 i {
color: #2e7d32;
}
html[data-theme="light"] .applied-promo .promo-icon {
color: #2e7d32;
}
html[data-theme="light"] .applied-promo .promo-details p {
color: #5a5c63;
}
html[data-theme="light"] .remove-promo {
color: #dc2626;
}
html[data-theme="light"] .payment-method-card {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .payment-method-card:hover {
background: #f6f7f9;
border-color: rgba(0, 0, 0, 0.172);
}
html[data-theme="light"] .payment-method-icon.cash {
color: #2e7d32;
}
html[data-theme="light"] .payment-method-icon.card {
color: #1565c0;
}
html[data-theme="light"] .payment-method-card h5 {
color: #17181c;
}
html[data-theme="light"] .payment-method-card p {
color: #5a5c63;
}
html[data-theme="light"] .card-brands i {
color: #5f6167;
}
html[data-theme="light"] .payment-method-card.selected .card-brands i {
color: #17181c;
}
html[data-theme="light"] .contact-info-section {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.092);
}
html[data-theme="light"] .checkout-address-section {
border-top: 1px solid rgba(0, 0, 0, 0.092);
}
html[data-theme="light"] .checkout-add-address-btn {
color: #c14d1d;
}
html[data-theme="light"] .checkout-address-trigger {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.161);
}
html[data-theme="light"] .checkout-address-trigger-warning {
color: #dc2626;
}
html[data-theme="light"] .checkout-address-outofrange-notice {
color: #d32f2f;
}
html[data-theme="light"] .checkout-address-outofrange-notice i {
color: #dc2626;
}
html[data-theme="light"] .checkout-address-trigger-title {
color: #17181c;
}
html[data-theme="light"] .checkout-address-trigger-placeholder {
color: #6b6d74;
}
html[data-theme="light"] .checkout-address-trigger-text {
color: #5a5c63;
}
html[data-theme="light"] .checkout-address-trigger-chevron {
color: #74767d;
}
html[data-theme="light"] .checkout-address-panel {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.161);
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.158);
}
@media (max-width: 768px) {
html[data-theme="light"] .checkout-address-panel {
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.193);
}
}
html[data-theme="light"] .checkout-address-option:hover {
background: #f6f7f9;
}
html[data-theme="light"] .checkout-address-option-radio {
color: #5f6167;
}
html[data-theme="light"] .checkout-address-option-title {
color: #17181c;
}
html[data-theme="light"] .checkout-address-option-text {
color: #45474d;
}
html[data-theme="light"] .checkout-address-add-new {
color: #c14d1d;
}
html[data-theme="light"] .checkout-address-range-badge {
color: #dc2626;
}
html[data-theme="light"] .checkout-address-empty {
color: #74767d;
}
html[data-theme="light"] .checkout-address-error {
color: #dc2626;
}
html[data-theme="light"] .terms-card {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.97));
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);
}
html[data-theme="light"] .terms-header h4 {
color: #17181c;
}
html[data-theme="light"] .checkbox-label {
color: #45474d;
}
html[data-theme="light"] .terms-auto-icon {
color: #2e7d32;
}
html[data-theme="light"] .terms-auto-text strong {
color: #2e7d32;
}
html[data-theme="light"] .terms-auto-text p {
color: #6f7178;
}
html[data-theme="light"] .terms-auto-text p a {
color: #6b6d74;
}
html[data-theme="light"] .terms-first-note {
color: #1565c0;
}
html[data-theme="light"] .cart-summary-sidebar {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.97));
}
html[data-theme="light"] .mobile-cart-btn {
color: #17181c;
}
html[data-theme="light"] .summary-header h3 {
color: #17181c;
}
html[data-theme="light"] .cart-items-summary::-webkit-scrollbar-track {
background: #f6f7f9;
}
html[data-theme="light"] .cart-summary-item {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.0805);
}
html[data-theme="light"] .cart-summary-item:hover {
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.098);
}
html[data-theme="light"] .item-image {
border: 1px solid rgba(0, 0, 0, 0.115);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.122);
background: #f6f7f9;
}
html[data-theme="light"] .item-details h4 {
color: #17181c;
}
html[data-theme="light"] .item-weight {
background: #f6f7f9;
color: #4a4c52;
}
html[data-theme="light"] .item-quantity {
color: #cf5222;
}
html[data-theme="light"] .item-qty-ctrl {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.138);
}
html[data-theme="light"] .iqc-btn {
color: #54565c;
}
html[data-theme="light"] .iqc-btn:hover:not(:disabled) {
color: #17181c;
}
html[data-theme="light"] .iqc-qty {
color: #cf5222;
border-left: 1px solid rgba(0, 0, 0, 0.115);
border-right: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .item-discount {
color: #1e7e46;
}
html[data-theme="light"] .price-bgn, html[data-theme="light"] .price-eur {
color: #17181c;
}
html[data-theme="light"] .price-eur {
color: #17181c;
}
html[data-theme="light"] .price-bgn {
color: #5a5c63;
}
html[data-theme="light"] .price-eur-orig {
color: #74767d;
}
html[data-theme="light"] .price-bgn-orig {
color: #5f6167;
}
html[data-theme="light"] .sidebar-row-label {
color: rgba(23, 24, 28, 0.75);
}
html[data-theme="light"] .sidebar-section-divider {
background: #f6f7f9;
}
html[data-theme="light"] .total-row.discount-row .total-amount.discount span {
color: #2e7d32;
}
html[data-theme="light"] .total-row.discount-row .total-amount span {
color: #2e7d32;
}
html[data-theme="light"] .total-row.no-disc-row .sidebar-row-label {
color: #5a5c63;
}
html[data-theme="light"] .total-row.no-disc-row .no-disc-amount span {
color: #6b6d74;
}
html[data-theme="light"] .savings-content > i {
color: #2e7d32;
}
html[data-theme="light"] .savings-details strong {
color: rgba(23, 24, 28, 0.55);
}
html[data-theme="light"] .savings-amount span {
color: #2e7d32;
}
html[data-theme="light"] .savings-amount .divider {
color: rgba(23, 24, 28, 0.25);
}
html[data-theme="light"] .step-actions {
border-top: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .btn-primary:disabled {
background: #c8cacf;
}
html[data-theme="light"] .btn-secondary {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.172);
color: #17181c;
}
html[data-theme="light"] .btn-secondary:hover {
background: #ffffff;
color: #3f4147;
}
html[data-theme="light"] .btn-next:disabled {
background: linear-gradient(135deg, #b8bac0, #c8cacf);
color: #45474d;
}
html[data-theme="light"] .btn-next.address-out-of-range {
background: linear-gradient(135deg, #b8bac0, #c8cacf) !important;
color: #45474d !important;
}
html[data-theme="light"] .btn-back {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.172);
color: #45474d;
}
html[data-theme="light"] .btn-back:hover {
background: #ffffff;
color: #17181c;
}
html[data-theme="light"] .modal-content {
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.175);
}
@media (min-width: 769px) {
html[data-theme="light"] .address-modal-content .modal-header h3 i {
color: #c14d1d;
}
html[data-theme="light"] .address-modal-content .checkbox-group {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.092);
}
}
html[data-theme="light"] .modal-header {
border-bottom: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .modal-close {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.172);
color: #45474d;
}
html[data-theme="light"] .modal-close:hover {
background: #ffffff;
}
html[data-theme="light"] .location-btn {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.172);
color: #45474d;
}
html[data-theme="light"] .address-map-container {
border: 1px solid rgba(0, 0, 0, 0.138);
box-shadow: 0 6px 22px rgba(0, 0, 0, 0.098);
background: rgba(255, 255, 255, 0.96);
}
html[data-theme="light"] .address-map .leaflet-control-attribution {
color: #54565c;
}
html[data-theme="light"] .address-map .leaflet-control-attribution a {
color: #a3542a;
}
html[data-theme="light"] .map-control-btn {
border: 1px solid rgba(0, 0, 0, 0.23);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.105);
}
html[data-theme="light"] .toggle-slider {
background: #ffffff;
}
html[data-theme="light"] .toggle-text {
color: #45474d;
}
html[data-theme="light"] .address-suggestions {
background: rgba(255, 255, 255, 0.97);
}
html[data-theme="light"] .address-suggestion {
border-bottom: 1px solid rgba(0, 0, 0, 0.0575);
}
html[data-theme="light"] .suggestion-main {
color: #17181c;
}
html[data-theme="light"] .suggestion-details {
color: #45474d;
}
html[data-theme="light"] .checkbox-group label {
color: #45474d;
}
html[data-theme="light"] .form-actions {
border-top: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .confirmation-content h4 {
color: #17181c;
}
html[data-theme="light"] .confirmation-content p {
color: #45474d;
}
html[data-theme="light"] .confirmation-content strong {
color: #17181c;
}
html[data-theme="light"] ::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.96);
}
html[data-theme="light"] ::selection {
color: #17181c;
}
html[data-theme="light"] ::-moz-selection {
color: #17181c;
}
html[data-theme="light"] .points-earn-row > span {
color: #17181c;
}
html[data-theme="light"] .points-earn-row > span i {
color: #b45309;
}
html[data-theme="light"] .points-earn-row .total-amount.points-earn {
color: #c25f38;
}
html[data-theme="light"] #sidebar-points-earn {
color: #d54e20;
}
html[data-theme="light"] .loyalty-vouchers-card {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.97));
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.105);
}
html[data-theme="light"] .loyalty-vouchers-card .promo-code-icon {
color: #b45309;
}
html[data-theme="light"] .loyalty-voucher-item .lv-discount {
color: #d54e20;
}
html[data-theme="light"] .loyalty-voucher-item .lv-meta code {
color: #17181c;
background: #ffffff;
}
html[data-theme="light"] .loyalty-voucher-item .lv-sep {
color: rgba(23, 24, 28, 0.35);
}
html[data-theme="light"] .loyalty-voucher-item .lv-reason {
color: #b45309;
}
html[data-theme="light"] .loyalty-voucher-item .lv-meta small {
color: #5a5c63;
}
html[data-theme="light"] .savings-amount #savings-bgn {
color: rgba(23, 24, 28, 0.45);
}
html[data-theme="light"] .track-countdown-text {
color: #6b6d74;
}
html[data-theme="light"] .cash-box {
background: linear-gradient(160deg, #ffffff 0%, #f3f4f6 100%);
box-shadow: 0 32px 80px rgba(0, 0, 0, 0.21), 0 0 0 1px rgba(0, 0, 0, 0.016);
}
html[data-theme="light"] .cash-box-close {
background: #f6f7f9;
color: #6b6d74;
}
html[data-theme="light"] .cash-box-close:hover {
color: #17181c;
}
html[data-theme="light"] .cash-title {
color: #17181c;
}
html[data-theme="light"] .cash-subtitle {
color: #74767d;
}
html[data-theme="light"] .cash-due-label {
color: #74767d;
}
html[data-theme="light"] .cash-due-eur {
color: #cf5222;
}
html[data-theme="light"] .cash-due-bgn {
color: #6b6d74;
}
html[data-theme="light"] .cash-exact-toggle {
color: #45474d;
}
html[data-theme="light"] .cash-toggle-track {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.172);
}
html[data-theme="light"] .cash-toggle-thumb {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.105);
}
html[data-theme="light"] .cash-input-group {
background: #f6f7f9;
border: 1.5px solid rgba(0, 0, 0, 0.138);
}
html[data-theme="light"] .cash-currency-sym {
border-right: 1px solid rgba(0, 0, 0, 0.092);
}
html[data-theme="light"] .cash-amount-field {
color: #17181c;
}
html[data-theme="light"] .cash-change-icon {
color: #1e7e46;
}
html[data-theme="light"] .cash-change-label {
color: #1e7e46;
}
html[data-theme="light"] .cash-change-eur {
color: #1e7e46;
}
html[data-theme="light"] .cash-change-bgn {
color: #2e7d32;
}
html[data-theme="light"] .promo-loading {
color: rgba(23, 24, 28, 0.5);
}
html[data-theme="light"] .sidebar-charity-notice {
color: #c25f38;
}
html[data-theme="light"] .sidebar-charity-notice div strong {
color: #b45332;
}
html[data-theme="light"] .checkout-charity-mobile {
color: #c25f38;
}
html[data-theme="light"] .checkout-charity-mobile div strong {
color: #b45332;
}
html[data-theme="light"] .psc-box {
background: #ffffff;
border: 1px solid #dfe1e5;
box-shadow: 0 24px 64px rgba(0, 0, 0, 0.227);
}
html[data-theme="light"] .psc-box::-webkit-scrollbar-thumb {
background: #e4e6e9;
}
html[data-theme="light"] .psc-head h3 {
color: #17181c;
}
html[data-theme="light"] .psc-head p {
color: #6f7178;
}
html[data-theme="light"] .psc-opt {
border: 2px solid #e2e4e8;
background: #f1f2f4;
color: #6b6d74;
}
html[data-theme="light"] .psc-opt span {
color: #4f5157;
}
html[data-theme="light"] .psc-opt:hover span {
color: #a34d1e;
}
html[data-theme="light"] .psc-opt.active span {
color: #a34d1e;
}
html[data-theme="light"] .psc-time-label {
color: #5f6167;
}
html[data-theme="light"] .psc-time-grid::-webkit-scrollbar-thumb {
background: #e4e6e9;
}
html[data-theme="light"] .psc-slot {
border: 1.5px solid #e2e4e8;
background: #ffffff;
color: #74767d;
}
html[data-theme="light"] .psc-no-slots {
color: #4f5157;
}
html[data-theme="light"] .psc-no-slots i {
color: #2f3136;
}
html[data-theme="light"] .psc-cancel {
border: 1px solid #d9dbdf;
background: #f1f2f4;
color: #74767d;
}
html[data-theme="light"] .psc-cancel:hover {
background: #eef0f2;
color: #17181c;
}
html[data-theme="light"] .psc-chip-change {
color: #5f6167;
}
/* ══════ generated from client/assets/css/track.css ══════ */
html[data-theme="light"] body {
background: #f3f4f6 url('../images/background.webp') no-repeat center center fixed;
color: #17181c;
}
html[data-theme="light"] body::before {
background: rgba(255, 255, 255, 0.96);
}
html[data-theme="light"] .track-header {
background: rgba(255, 255, 255, 0.95);
border-bottom: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .track-back {
color: #33353a;
border: 1px solid rgba(0, 0, 0, 0.172);
}
html[data-theme="light"] .track-back:hover {
color: #17181c;
}
html[data-theme="light"] .track-card {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.97));
border: 1px solid rgba(0, 0, 0, 0.138);
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.193);
}
html[data-theme="light"] .track-loading {
color: #5a5c63;
}
html[data-theme="light"] .lv {
color: #6b6d74;
}
html[data-theme="light"] .track-meta {
color: #6b6d74;
}
html[data-theme="light"] .track-total {
color: #cf5222;
}
html[data-theme="light"] .status-seg.seg-pending {
stroke: rgba(23, 24, 28, 0.12);
}
html[data-theme="light"] .status-seg.seg-done {
stroke: #2e7d32;
}
html[data-theme="light"] .status-seg.seg-justdone {
stroke: #2e7d32;
}
html[data-theme="light"] .status-ring-icon {
color: #17181c;
}
html[data-theme="light"] .hero-sub {
color: #737373;
}
html[data-theme="light"] .track-eta-badge {
color: #c25f38;
}
html[data-theme="light"] .track-addr {
color: #45474d;
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.092);
}
html[data-theme="light"] .track-maps-hint {
color: #737373;
}
html[data-theme="light"] .track-items-box {
border-top: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .track-items-box h3 {
color: #737373;
}
html[data-theme="light"] .titem {
color: #737373;
border-bottom: 1px solid rgba(0, 0, 0, 0.0575);
}
html[data-theme="light"] .titem-price {
color: #17181c;
}
html[data-theme="light"] .titem-total {
border-top: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .titem-total span:first-child {
color: #45474d;
}
html[data-theme="light"] .titem-price.strong {
color: #cf5222;
}
html[data-theme="light"] .titem-sub {
color: #737373;
}
html[data-theme="light"] .titem-sub .titem-price {
color: #737373;
}
html[data-theme="light"] .titem-promo {
color: #1e7e46;
}
html[data-theme="light"] .titem-promo .titem-price {
color: #1e7e46;
}
html[data-theme="light"] .titem-orig {
color: #5f6167;
}
html[data-theme="light"] .titem-pct-badge {
color: #15803d;
}
html[data-theme="light"] .titem-divider {
background: #f6f7f9;
}
html[data-theme="light"] .titem-no-disc {
color: #74767d;
}
html[data-theme="light"] .titem-no-disc .titem-price {
color: #74767d;
}
html[data-theme="light"] .track-details-box {
border-top: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .tdetail {
color: #5a5c63;
}
html[data-theme="light"] .tdetail-val {
color: #2c2e33;
}
html[data-theme="light"] .tdetail-val.paid {
color: #1e7e46;
}
html[data-theme="light"] .track-map-wrap {
border: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .track-map-label {
color: #cf5222;
}
html[data-theme="light"] .track-map-iframe {
background: #ffffff;
}
html[data-theme="light"] .track-share-btn {
background: #f6f7f9;
color: #2c2e33;
border: 1px solid rgba(0, 0, 0, 0.149);
}
html[data-theme="light"] .track-share-btn:hover {
color: #c2410c;
}
html[data-theme="light"] .share-toast {
background: #ffffff;
color: #17181c;
border: 1px solid rgba(0, 0, 0, 0.138);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.175);
}
html[data-theme="light"] .share-toast i {
color: #2e7d32;
}
html[data-theme="light"] .track-review-box {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .rev-title {
color: #a16207;
}
html[data-theme="light"] .rev-star {
color: rgba(23, 24, 28, 0.18);
}
html[data-theme="light"] .rev-star.hover, html[data-theme="light"] .rev-star.selected {
color: #a16207;
}
html[data-theme="light"] .rev-comment {
background: #f6f7f9;
border: 1px solid rgba(0, 0, 0, 0.138);
color: #2c2e33;
}
html[data-theme="light"] .track-review-done .rev-stars-display {
color: #a16207;
}
html[data-theme="light"] .rev-comment-display {
color: #5a5c63;
}
/* ══════ generated from client/assets/css/legal.css ══════ */
html[data-theme="light"] body {
background: #f3f4f6;
color: #3a3c41;
}
html[data-theme="light"] .legal-topbar {
background: rgba(255, 255, 255, 0.97);
border-bottom: 1px solid rgba(0, 0, 0, 0.092);
}
html[data-theme="light"] .legal-back {
color: #5a5c63;
}
html[data-theme="light"] .legal-logo {
color: #17181c;
}
html[data-theme="light"] .legal-nav-link {
color: #74767d;
}
html[data-theme="light"] .legal-hero {
background: linear-gradient(160deg, #ffffff 0%, #f3f4f6 60%, rgba(225,88,41,.06) 100%);
border-bottom: 1px solid rgba(0, 0, 0, 0.0805);
}
html[data-theme="light"] .legal-hero-icon.privacy {
color: #2e7d32;
}
html[data-theme="light"] .legal-hero h1 {
color: #17181c;
}
html[data-theme="light"] .legal-hero p {
color: #74767d;
}
html[data-theme="light"] .legal-card {
background: rgba(255, 255, 255, 0.97);
border: 1px solid rgba(0, 0, 0, 0.103);
box-shadow: 0 12px 50px rgba(0, 0, 0, 0.122);
}
html[data-theme="light"] .legal-body h1, html[data-theme="light"] .legal-body h2, html[data-theme="light"] .legal-body h3 {
color: #17181c;
}
html[data-theme="light"] .legal-body h2 {
border-bottom: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .legal-body h3 {
color: #2c2e33;
}
html[data-theme="light"] .legal-body p {
color: #4d4f55;
}
html[data-theme="light"] .legal-body ul, html[data-theme="light"] .legal-body ol {
color: #4d4f55;
}
html[data-theme="light"] .legal-body strong {
color: #17181c;
}
html[data-theme="light"] .legal-body em {
color: #54565c;
}
html[data-theme="light"] .legal-body a:hover {
color: #d54e20;
}
html[data-theme="light"] .legal-body hr {
border-top: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .legal-body blockquote {
color: #54565c;
}
html[data-theme="light"] .legal-body th, html[data-theme="light"] .legal-body td {
border: 1px solid rgba(0, 0, 0, 0.115);
}
html[data-theme="light"] .legal-body th {
background: #f6f7f9;
color: #17181c;
}
html[data-theme="light"] .legal-empty {
color: #4f5157;
}
html[data-theme="light"] .legal-empty i {
color: #2f3136;
}
html[data-theme="light"] .legal-empty-sub {
color: #3f4147;
}
html[data-theme="light"] .legal-footer {
background: rgba(255, 255, 255, 0.97);
border-top: 1px solid rgba(0, 0, 0, 0.0805);
}
html[data-theme="light"] .legal-footer p {
color: #4f5157;
}
html[data-theme="light"] .legal-footer-links a {
color: #5f6167;
}
/* ══════════════════════════════════════════════════════════════════════
HAND-WRITTEN POLISH LAYER — loaded last, wins the cascade.
Global light-theme treatments the generator can't derive from single
declarations: page background layers, logo/loading, scrollbars, imagery.
══════════════════════════════════════════════════════════════════════ */
/* Page background: the dark texture photo goes away entirely — clean light */
html[data-theme="light"] body::before {
background: #f3f4f6 none !important;
}
html[data-theme="light"] body {
background-color: #f3f4f6;
color: #17181c;
}
/* Logo (no dedicated light-theme logo uploaded — config/theme_helper.php's
render_theme_logo() falls back to a single ![]()
, no .theme-logo-* class):
white "SUSHI" + orange "DO" is invisible on a light page.
filter:brightness(0) "fixed" that by turning the WHOLE mark solid black,
losing the orange brand color entirely, which is worse. The logo file has
a transparent background (that's the only reason it already works on
dark — the dark page shows through); giving the ![]()
itself a small dark
chip behind it reproduces exactly that same backdrop on a light page, so
both the white lettering AND the orange accent render unchanged, just on
their own dark pill.
:not(.theme-logo-light) is the actual fix here — once an admin uploads a
DEDICATED light-theme logo (Интерфейс → Светла тема), that image gets
class="... theme-logo-light" and is presumably already colored to work on
white; the chip's whole job was compensating for the ORIGINAL dark-tuned
logo, and without this exclusion it kept being forced onto the new
already-correct upload too, showing as a stray black box behind it. */
html[data-theme="light"] .logo:not(.theme-logo-light),
html[data-theme="light"] .kp-logo img:not(.theme-logo-light),
html[data-theme="light"] .loading-logo:not(.theme-logo-light),
html[data-theme="light"] .footer-logo img:not(.theme-logo-light),
html[data-theme="light"] .auth-brand-logo:not(.theme-logo-light),
html[data-theme="light"] .mobile-logo:not(.theme-logo-light),
html[data-theme="light"] .checkout-logo:not(.theme-logo-light),
html[data-theme="light"] .legal-logo img:not(.theme-logo-light),
html[data-theme="light"] .track-logo img:not(.theme-logo-light) {
background: #1a1a1a;
border-radius: 10px;
padding: 6px 10px;
box-sizing: content-box;
}
/* Loading screens: light glass instead of dark glass */
html[data-theme="light"] .loading-screen {
background: rgba(255, 255, 255, 0.55) !important;
}
html[data-theme="light"] .loading-screen p { color: #45474d; }
/* Native form controls & scrollbars follow the theme */
html[data-theme="light"] { color-scheme: light; }
html[data-theme="light"] ::-webkit-scrollbar-track { background: #e9eaee; }
html[data-theme="light"] ::-webkit-scrollbar-thumb { background: #c3c5ca; }
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: #aaacb2; }
/* Product/category imagery keeps its own colors — but soften harsh dark
drop shadows that were tuned for a dark ground */
html[data-theme="light"] .product-card,
html[data-theme="light"] .daily-offer-card {
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
}
/* Hero slider text shadow was tuned for photos on dark — keep readable */
html[data-theme="light"] .slide-title,
html[data-theme="light"] .slide-subtitle {
text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.55);
}
/* Selection color */
html[data-theme="light"] ::selection { background: rgba(225, 88, 41, 0.25); color: #17181c; }
/* ── Header: white glass at every state (base, scrolled, mobile) ── */
html[data-theme="light"] .client-header,
html[data-theme="light"] .client-header.scrolled {
background: rgba(255, 255, 255, 0.86) !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
}
html[data-theme="light"] .client-header .nav-link,
html[data-theme="light"] .client-header .nav-menu a {
color: #2c2e33;
}
html[data-theme="light"] .client-header .nav-link:hover,
html[data-theme="light"] .client-header .nav-menu a:hover { color: #e15829; }
/* ── Footer ── */
html[data-theme="light"] .site-footer {
background: #eceef1 !important;
border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
}
html[data-theme="light"] .site-footer a { color: #45474d; }
html[data-theme="light"] .site-footer a:hover { color: #e15829; }
html[data-theme="light"] .footer-social-btn {
background: rgba(0, 0, 0, 0.06);
color: #45474d;
border-color: rgba(0, 0, 0, 0.1);
}
/* ── Dropdown/menu panels: solid white, readable shadow ── */
html[data-theme="light"] .profile-dropdown,
html[data-theme="light"] .notif-dropdown,
html[data-theme="light"] .notif-dropdown-inner,
html[data-theme="light"] .address-suggestions,
html[data-theme="light"] .cart-dd-panel {
background: #ffffff !important;
border-color: rgba(0, 0, 0, 0.1) !important;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.16) !important;
}
html[data-theme="light"] .dropdown-item { color: #2c2e33; }
html[data-theme="light"] .dropdown-item:hover { background: rgba(0, 0, 0, 0.05); color: #17181c; }
html[data-theme="light"] .dropdown-item.logout { color: #d32f2f; }
/* ── Modal surfaces: white cards under the (still dark) dimmer ── */
html[data-theme="light"] .modal-content,
html[data-theme="light"] .cart-modal-content,
html[data-theme="light"] .product-modal-content,
html[data-theme="light"] .confirmation-modal-content,
html[data-theme="light"] .favorites-modal-content,
html[data-theme="light"] .profile-modal-content,
html[data-theme="light"] .order-detail-modal-content {
background: #ffffff !important;
border-color: rgba(0, 0, 0, 0.1) !important;
color: #17181c;
}
/* ── Buttons that were "ghost on dark" become "ghost on light" ── */
html[data-theme="light"] .btn-secondary {
background: #f1f2f4;
color: #2c2e33;
border-color: rgba(0, 0, 0, 0.14);
}
html[data-theme="light"] .btn-secondary:hover {
background: #e7e9ec;
color: #17181c;
}
/* ── Auth modal (login/register): faint glass header → clear light header ── */
html[data-theme="light"] .auth-brand,
html[data-theme="light"] .auth-brand-register {
background: #f6f7f9 !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}
html[data-theme="light"] .auth-brand h3 { color: #17181c; }
html[data-theme="light"] .auth-brand p { color: #5a5c63; }
html[data-theme="light"] .auth-brand .close {
color: #6b6d74;
}
html[data-theme="light"] .auth-brand .close:hover { color: #17181c; }
html[data-theme="light"] .auth-brand-icon {
background: rgba(225, 88, 41, 0.12);
color: #e15829;
}
/* ── Generic .modal-header (used across most popups) ── */
html[data-theme="light"] .modal-header {
background: #f6f7f9 !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}
html[data-theme="light"] .modal-header h3,
html[data-theme="light"] .modal-header .header-title { color: #17181c; }
html[data-theme="light"] .modal-close {
color: #6b6d74;
}
html[data-theme="light"] .modal-close:hover {
background: rgba(0, 0, 0, 0.06);
color: #17181c;
}
/* ── Theme switcher itself: make the selected choice unmistakable ── */
html[data-theme="light"] .theme-switch-btn.active {
background: #e15829 !important;
border-color: #e15829 !important;
color: #ffffff !important;
}
/* ── Product detail: back/close controls sitting over the photo stay the
same dark glass circle in both themes (contrast depends on the photo
underneath, not the site theme) — explicit so the generator's
per-declaration pass never second-guesses it despite matching
KEEP_DARK_BG_RE by name already. ── */
html[data-theme="light"] .favorite-btn-detail,
html[data-theme="light"] .product-share-btn,
html[data-theme="light"] .favorite-btn {
background: rgba(0, 0, 0, 0.6) !important;
color: #ccc !important;
}
html[data-theme="light"] .favorite-btn-detail:hover,
html[data-theme="light"] .favorite-btn-detail.active,
html[data-theme="light"] .favorite-btn:hover,
html[data-theme="light"] .favorite-btn.active {
background: #f44336 !important;
color: #fff !important;
}
html[data-theme="light"] .product-share-btn:hover {
background: #e15829 !important;
color: #fff !important;
}
/* ── Form fields ── */
html[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="light"] textarea,
html[data-theme="light"] select {
background-color: #ffffff;
color: #17181c;
border-color: rgba(0, 0, 0, 0.16);
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder { color: #8b8d94; }
/* ── Category bar / filter chips on menu ── */
html[data-theme="light"] .category-btn {
background: #ffffff;
color: #2c2e33;
border-color: rgba(0, 0, 0, 0.12);
}
html[data-theme="light"] .category-btn:hover { border-color: rgba(225, 88, 41, 0.5); color: #e15829; }
html[data-theme="light"] .category-btn.active { background: #e15829; color: #fff; border-color: #e15829; }
/* ── Toasts stay dark by design (skipped by the generator) — make sure
their close icons/text keep original colors even inside themed pages ── */
html[data-theme="light"] .order-notification { color: #fff; }
/* ── #add-address-btn: a blue-gradient button that never sets its OWN text
color, relying entirely on the shared .btn-secondary class for it.
.btn-secondary's color is correctly dark-on-light-ghost-button now —
but that leaves THIS button (still blue, always) with dark text
inherited across an unrelated rule the generator has no way to
connect. Same class of bug as the loyalty rank chip, one directly on
an interactive button this time. ── */
html[data-theme="light"] #add-address-btn {
color: #ffffff !important;
}
/* ── Sushido Points hero: .loyalty-hero is a permanently-orange card (its
own color:#fff is already protected by the generator) — but .lh-rank
is a translucent WHITE-GLASS chip sitting on top of it, which isn't
itself "colored" by the generator's own rules, so it was getting
flattened into a solid light-gray box — turning its (correctly still
white) inherited text invisible. Keep it glass-on-orange in both
themes; nothing here needs to change with the site theme since its
background is always the orange hero, never the page. ── */
html[data-theme="light"] .lh-rank {
background: rgba(255, 255, 255, 0.14) !important;
border-color: rgba(255, 255, 255, 0.22) !important;
}
html[data-theme="light"] .lh-rank-name,
html[data-theme="light"] .lh-rank-bonus,
html[data-theme="light"] .lh-balance-num,
html[data-theme="light"] .lh-balance-label {
color: #ffffff !important;
}
/* ── Points progress bar: track and card were landing on the exact same
flattened light-gray, so the empty portion of the bar had zero
contrast against its own card (only the orange fill showed). ── */
html[data-theme="light"] .lp-progress-bar {
background: #e3e5e9 !important;
}
/* ── Order status pills (Моите поръчки list + order-detail popup, same
.myorder-status classes in both — client/assets/js/menu.js renders
them identically either place). Each was a pastel text color
(#ffb74d/#7bb8f5/#86d98a/#ce93d8/#8ee592) on a matching low-alpha
colored wash — tuned to pop on a near-black card. Neither is a
neutral gray, so the generator's automated maps never touch them
(they're saturated hues, and its rgba mapper only rewrites
near-white or near-black backgrounds, leaving mid-tone colored
alpha washes untouched). On white the result is pastel-on-pale-tint:
near-zero contrast, worst on "ready"/"done" where light green text
sat on a light green wash. Same fix shape as the loyalty rank chip —
an explicit override, opaque tint + a properly dark, saturated text
color per status, so every state reads clearly on a white card. ── */
html[data-theme="light"] .myorder-status.pending { background: #fff3e0 !important; color: #c2410c !important; }
html[data-theme="light"] .myorder-status.preparing { background: #e3f2fd !important; color: #1565c0 !important; }
html[data-theme="light"] .myorder-status.ready { background: #e8f5e9 !important; color: #15803d !important; }
html[data-theme="light"] .myorder-status.delivering { background: #f3e5f5 !important; color: #7c3aed !important; }
html[data-theme="light"] .myorder-status.done { background: #e0f3e2 !important; color: #166534 !important; }
html[data-theme="light"] .myorder-status.cancelled { background: #fdecec !important; color: #d32f2f !important; }
/* ── Checkout: selectable cards whose :hover state reads as "not working".
Their dark-theme CSS bumps a translucent-white background by a small
amount on hover (e.g. rgba(255,255,255,0.05) → 0.08) — visible on a
dark page because more white mixed in reads as "lighter". The
generic bg mapper buckets low alphas into one flat "muted card" tone
(≤0.08 → #f6f7f9) so it can tell a card apart from a lighter control
nested inside it — but that means REST (0.05) and HOVER (0.08) often
land in the exact same bucket, so hovering a payment method / delivery
option / promo card produces no visible change at all on light theme.
Give hover its own clearly different, on-brand orange tint instead of
relying on the generic mapper for these specific selectors. ── */
html[data-theme="light"] .payment-method-card:hover:not(.selected),
html[data-theme="light"] .delivery-option:hover:not(.selected),
html[data-theme="light"] .promo-item.selectable:hover:not(.active),
html[data-theme="light"] .pup-promo-card:hover:not(.selected) {
background: rgba(225, 88, 41, 0.07) !important;
border-color: rgba(225, 88, 41, 0.4) !important;
}
/* A SELECTED card is still :hover-ed right after the click that selected
it (the cursor doesn't move) — without the :not() above, the generic
hover tint's !important (needed to beat the flat rgba(255,255,255,·)
hover it replaces) was ALSO beating the card's own .selected/.active
styling at that exact moment, so choosing a payment method visually
showed only a faint hover instead of the real orange "selected" look
— worse, it painted an applied (green) promo/pickup card orange too.
Give the combined state its own rule instead. And separately: even
with NO hover at all, .selected/.active's own resting background
(rgba(225,88,41,0.1) / rgba(76,175,80,0.15) — an orange/green wash
the dark-theme rule mixes into a near-black card) is nowhere near as
visible mixed into a near-white one instead — 10-15% color over
white reads as barely-there, whereas the same wash over #141414 pops
clearly. The 1px border-color change alone isn't enough to read as
"selected" at a glance either. Both states get a stronger, opaque-
enough tint plus a crisp ring shadow (visible regardless of the
card's own border-width), with hover nudging it further still. */
html[data-theme="light"] .payment-method-card.selected,
html[data-theme="light"] .delivery-option.selected {
background: rgba(225, 88, 41, 0.12) !important;
border-color: #e15829 !important;
box-shadow: 0 0 0 2px rgba(225, 88, 41, 0.35) !important;
}
html[data-theme="light"] .payment-method-card.selected:hover,
html[data-theme="light"] .delivery-option.selected:hover {
background: rgba(225, 88, 41, 0.18) !important;
border-color: #e15829 !important;
box-shadow: 0 0 0 2px rgba(225, 88, 41, 0.5) !important;
}
html[data-theme="light"] .promo-item.selectable.active,
html[data-theme="light"] .pup-promo-card.selected {
background: rgba(76, 175, 80, 0.14) !important;
border-color: #2e7d32 !important;
box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.35) !important;
}
html[data-theme="light"] .promo-item.selectable.active:hover,
html[data-theme="light"] .pup-promo-card.selected:hover {
background: rgba(76, 175, 80, 0.2) !important;
border-color: #2e7d32 !important;
box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.5) !important;
}
/* ── Checkout discount tabs ("Промокод" / "Sushido ваучери"): the active
tab's own rule already sets a colored (orange) background in the same
declaration as its white text, which the generator's colored-surface
check recognizes and protects automatically — text is not expected to
be touched here. Pinned explicitly anyway so it can never regress. ── */
html[data-theme="light"] .discount-tab.active,
html[data-theme="light"] .discount-tab:hover {
color: #ffffff !important;
}
/* ── track.php status hero card: written using modern space-separated
rgba(R G B / A%) syntax (CSS Color Module 4) instead of the comma
syntax rgba(R, G, B, A) used everywhere else on the site — the
generator's RGBA_RE regex only matches the comma form, so this
declaration was completely invisible to it and passed through
untouched on light theme (a barely-visible dark-gray glass card
instead of the light glass card every other card gets). Only
instance of this syntax anywhere in the site's CSS (grepped all 5
source files), so a one-off override here rather than teaching the
regex a second syntax it'll never see again elsewhere. ── */
html[data-theme="light"] .track-hero {
background: #f6f7f9 !important;
border-color: rgba(0, 0, 0, 0.12) !important;
}
/* ── Site-wide sweep: more of the same "hover bumps a translucent-white
bg by a few %, generator buckets rest+hover into the identical flat
tone" bug already fixed for checkout's selection cards — found in
three more spots (index.php's feature cards, menu.php's change-
password toggle and bug-report severity picker) once audited
site-wide. Same fix shape: hover gets its own clearly different
tone instead of colliding with rest. ── */
html[data-theme="light"] .feature-card:hover,
html[data-theme="light"] .change-password-toggle:hover,
html[data-theme="light"] .bugrep-severity-opt:hover:not(.selected) {
background: #ffffff !important;
}
/* .close-marketing-bar sits ON TOP of .marketing-bar, which is a solid
permanently-orange brand strip (background: linear-gradient(#e15829,
#c44a24)) — unaffected by site theme, same as the marketing bar itself.
The close button's own translucent-white-circle design already reads
correctly against that fixed orange regardless of theme, but the
generator has no way to know it sits on a colored surface (it isn't
nested under .marketing-bar in the selector, just a sibling class), so
it themed the button as if it were sitting on the page background
instead — turning its icon dark and colliding rest/hover into the same
white circle. Pinned to its original dark-theme values so it stays
exactly as designed on both themes. ── */
html[data-theme="light"] .close-marketing-bar {
background: rgba(255, 255, 255, 0.2) !important;
color: #ffffff !important;
}
html[data-theme="light"] .close-marketing-bar:hover {
background: rgba(255, 255, 255, 0.35) !important;
}
/* .product-detail-pricing (the "КРАЙНА ЦЕНА" panel in the opened-product
view): on dark it's a 5%-white overlay on a near-black modal — clearly
a raised panel. The generic mapper scales that down proportionally to
~3%-black on light, landing at #f6f7f9 against the modal's #ffffff — a
9-unit difference that's essentially invisible, so the panel reads as
"no design at all" on light even though the CSS is present. Give it a
deliberately firmer background + border instead of the algorithmic one. */
html[data-theme="light"] .product-detail-pricing {
background: #eef0f3 !important;
border: 1px solid rgba(0, 0, 0, 0.16) !important;
}