.leasing-field{display:flex;flex-direction:column;width:100%;margin-bottom:10px}
.leasing-field input,.leasing-field select{width:100%;padding:5px}
.leasing-row{display:flex;gap:20px}
.produktname-wrapper{display:flex;align-items:center}
.produktname-wrapper input{flex:1;width:100%;padding:8px;margin-right:5px;border:1px solid #ccc;border-radius:4px}
.produktinfo-modal-content input,.produktinfo-modal-content select{width:100%;padding:8px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px}
.modal.filled{background-color:#e0ffe0}
.modal.filled input{border:1px solid #28a745}
.form-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.artikel-group{flex:0 0 55px;max-width:55px}
.preis-group,.vergleichspreis-group{flex:0 0 70px;max-width:70px}
.produktname-group,.input-with-button,#custom-update-text{flex:1}
.form-group{display:flex;flex-direction:column;margin:0}
#artikel,#preis,#vergleichPreisInput{width:100%;text-align:center}
.inline-container{display:flex;align-items:center}
.inline-label{margin-right:5px}
.inline-select{width:auto}
.input-with-button{position:relative;display:flex;width:100%}
.input-with-button input{flex:1;padding-right:35px;box-sizing:border-box}
.input-with-button button.einfuegen-button{position:absolute;right:5px;top:50%;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;font-size:18px;color:#666}
.input-with-button button.einfuegen-button:hover{color:#000}
.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;overflow:auto}
.modal-content{background:#fff;margin:2% auto 0 auto;padding:20px;border-radius:8px;width:90%;max-width:1000px;box-shadow:0 4px 8px rgba(0,0,0,.2)}
.modal label{font-weight:bold;color:#333}
.modal button{padding:8px 16px;margin-left:10px;border:none;border-radius:4px;cursor:pointer;color:#fff}
.absenden-button{background-color:#28a745}
.absenden-button:hover{background-color:#218838}
.schliessen-button{background-color:#dc3545}
.schliessen-button:hover{background-color:#c82333}
.buttons{margin-top:20px;text-align:right}
#sparabo-group,#onlineonly-group{display:inline-block;margin-left:10px}
#marktguru-button{margin-left:auto;background-color:#00AEEF}
#bewertung-fields .preisvergleich-zeile,.preisvergleich-zeile{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}
.bewertung-feld{display:flex;flex-direction:column}
.bewertung-feld.klein{flex:0 0 auto;width:100px;max-width:100px}
.bewertung-feld.gross{flex:1;min-width:100px}
.url-input-container{display:flex;align-items:center}
.url-input-container input[type="url"]{flex:1;min-width:0}
.preis-feld{flex:0 0 70px;max-width:70px}
.url-feld{flex:1 1 auto}
.preis-feld input,.url-feld input{width:100%;padding:8px;box-sizing:border-box}
#artikel-anzahl-checkboxes{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
#artikel-anzahl-checkboxes input[type="radio"]{display:none}
#artikel-anzahl-checkboxes label{padding:6px 12px;border-radius:6px;background-color:#f0f0f0;cursor:pointer;border:1px solid #ccc;transition:all .2s ease;font-size:14px}
#artikel-anzahl-checkboxes input[type="radio"]:checked + label{background-color:#0073aa;color:#fff;border-color:#0073aa}
#gutschein-form label[for="gutscheincode"],#gutschein-form input[type="text"]#gutscheincode{display:inline-block;vertical-align:middle}
#gutschein-form label[for="gutscheincode"]{margin-right:10px}
.datum-uhrzeit{display:flex;align-items:center;gap:10px;margin-top:10px}
.datum-uhrzeit input[type="date"],.datum-uhrzeit input[type="time"]{width:auto;flex:1}
.update-row{display:flex;justify-content:flex-start;align-items:flex-start;gap:10px;margin-bottom:20px}
.deal-field,.compare-field{flex:0 0 120px;max-width:120px;display:flex;flex-direction:column}
.deal-field input,.compare-field input{width:100%;box-sizing:border-box}
.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:300px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);padding:10px;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.dropdown-button{background-color:#f7f7f7;border:1px solid #ccd0d4;color:#555;padding:6px 10px;font-size:13px;cursor:pointer;border-radius:3px}
.dropdown-button:hover{background-color:#f1f1f1;border-color:#b4b9be}
.dropdown-item{padding:8px;cursor:pointer;text-align:center}
.dropdown-item:hover{background-color:#ddd}
.custom-info-message{position:fixed;top:20px;right:20px;background:#e8f4fd;border:1px solid #b3d4fc;padding:15px;border-radius:5px;z-index:9999;box-shadow:0 2px 6px rgba(0,0,0,.2)}
#gutscheincode-ablaufdatum-form{display:none;margin-top:10px;display:flex;justify-content:space-between;gap:20px}
.gutscheincode-field{flex:1}
.gutscheincode-field label{display:block;margin-bottom:5px}
#toggle-gutscheincode-ablaufdatum{display:inline-block;margin:10px 0 15px 0;padding:6px 12px;font-size:14px;background-color:#f3f3f3;color:#333;border:1px solid #ccc;border-radius:4px;cursor:pointer;text-align:left}
#toggle-gutscheincode-ablaufdatum:hover{background-color:#e9e9e9;border-color:#bbb}
input.autofilled,select.autofilled,textarea.autofilled{border:2px solid #28a745 !important;background-color:#f1fff5}
#media-upload-button{margin-top:10px}
.age-options{display:flex;flex-wrap:nowrap;gap:6px;margin-top:8px}
.age-options input{position:absolute;opacity:0;width:0;height:0}
.age-option{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#111;font-size:13px;font-weight:600;cursor:pointer;user-select:none;transition:border-color .15s ease,box-shadow .2s ease}
.age-option:hover{box-shadow:0 2px 8px rgba(0,0,0,.06)}
.age-options input:checked + .age-option{border-color:#0073aa;box-shadow:0 0 0 2px rgba(0,115,170,.1);background:#fff;color:#111}
.age-options input.autofilled:checked + .age-option{border-color:#28a745 !important;box-shadow:0 0 0 2px rgba(40,167,69,.15);background:#f1fff5}
.age-chip{display:none !important}

/* =========================
   Modal (leichtgewichtig)
========================= */
.pk-modal{ position:fixed; inset:0; background:rgba(0,0,0,.5); display:none; z-index:100000; }
.pk-modal.is-open{ display:block; }
.pk-modal__content{
  max-width:720px; margin:8vh auto; background:#fff; border-radius:12px; padding:20px 22px;
  box-shadow:0 12px 30px rgba(0,0,0,.2);
}
.pk-modal__title{ margin:0 0 10px; font-size:20px; }
.pk-modal__actions{ display:flex; gap:8px; justify-content:flex-end; margin-top:14px; }
.pk-form .pk-field{ display:flex; flex-direction:column; gap:6px; margin-bottom:10px; }
.pk-grid{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:10px; }
@media (max-width:640px){ .pk-grid{ grid-template-columns:1fr; } }

/* --- Map Wrapper --- */
.pk-route__map{width:100%;border-radius:12px;box-shadow:0 8px 16px rgba(0,0,0,.15);overflow:hidden}

/* --- Liquid Glass Marker --- */
.pk-marker{display:flex;align-items:center;gap:.42rem}
.pk-marker .dot{width:8px;height:8px;border-radius:50%;background:#111827;box-shadow:0 0 0 2px rgba(0,0,0,.15),0 1px 6px rgba(0,0,0,.25)}
.pk-marker .txt{font:800 12px sans-serif;letter-spacing:.02em;color:#0b1220;text-shadow:0 1px 2px rgba(255,255,255,.55);padding:.06rem .20rem;border-radius:.25rem;background:rgba(255,255,255,.55);backdrop-filter:blur(2px)}

/* --- Dark Mode Marker --- */
html[data-theme="dark"] .pk-marker .dot{background:#e5e7eb;box-shadow:0 0 0 2px rgba(255,255,255,.08),0 1px 6px rgba(0,0,0,.55)}
html[data-theme="dark"] .pk-marker .txt{color:#e5e7eb;background:rgba(0,0,0,.45);text-shadow:0 1px 2px rgba(0,0,0,.65)}

/* =========================================
   PK Custom Buttons - Universelle Basis-Klassen (Hell & Dunkel)
   ========================================= */

/* --- HELL (Standard) --- */
.pk-box { background: #fff; border: 1px solid #ccc; border-radius: 8px; padding: 15px; color: #333; }
.pk-box-alt { background: #f8f9fa; border: 1px solid #e2e8f0; border-radius: 6px; padding: 15px; }
.pk-tooltip { background:#e8f4fd; border:1px solid #b3d4fc; padding:15px; border-radius:5px; box-shadow:0 4px 12px rgba(0,0,0,.15); color:#333; z-index:999999; font-size:13px !important; line-height:1.5 !important; font-family:system-ui, sans-serif !important; text-align:left !important; }
.pk-tooltip a { color:#0073aa !important; text-decoration:none !important; word-break:break-all !important; font-size:13px !important; }
.pk-tooltip a:hover { text-decoration:underline !important; }
.pk-tooltip strong { font-size:14px !important; font-weight:600 !important; color:#111 !important; display:block !important; margin-bottom:5px !important; }

.pk-table { width: 100%; border-collapse: collapse; text-align: left; margin-bottom: 20px; }
.pk-table th { background: #f1f5f9; padding: 10px; border-bottom: 2px solid #cbd5e1; color: #333; }
.pk-table td { padding: 10px; border-bottom: 1px solid #e2e8f0; }
.pk-table tr:nth-child(even) { background: #f8f9fa; }

/* Custom Info Message (Shop/Kat/Marke Tooltip) */
.custom-info-message { position:fixed !important; top:60px !important; right:20px !important; width:260px !important; z-index:999999 !important; }
.custom-info-message .info-title { font-size:15px !important; border-bottom:1px solid rgba(128,128,128,0.2); padding-bottom:8px; margin-bottom:12px !important; text-transform:uppercase; letter-spacing:0.5px; }
.custom-info-message .info-row { margin-bottom:10px; }
.custom-info-message .info-empty { opacity:0.7; font-style:italic; }

#wpadminbar #wp-admin-bar-fb_copy_button .ab-item { display:inline-flex !important; align-items:center !important; justify-content:center !important; height:100% !important; }
#wpadminbar #wp-admin-bar-telegram_copy_button .ab-item { display:inline-flex !important; align-items:center !important; justify-content:center !important; height:100% !important; }
#wpadminbar #wp-admin-bar-fb_copy_button img { margin:0 !important; padding:0 !important; display:block !important; }
#wpadminbar #wp-admin-bar-telegram_copy_button img { margin:0 !important; padding:0 !important; display:block !important; }

/* ==========================================================================
   TOP DEAL BOX (Produktseite: Beide Spalten gleich hoch, Button ganz unten)
   ========================================================================== */
@media (min-width: 769px) {
    .pk-top-deal-box { display: flex !important; align-items: stretch !important; }
    .pk-top-deal-box .wpsm-one-half { float: none !important; display: flex !important; flex-direction: column !important; }
    .pk-top-deal-box .single-deal-btn-wrap { margin-top: auto !important; }
}


/* --- DUNKEL (Dark Mode Overrides) --- */
html[data-theme="dark"] .pk-box, 
html[data-theme="dark"] .modal-content, 
html[data-theme="dark"] .pk-modal__content { background: #1e1e1e !important; border-color: #333 !important; color: #eee !important; box-shadow: 0 4px 15px rgba(0,0,0,0.5) !important; }
html[data-theme="dark"] .pk-box-alt { background: #181818 !important; border-color: #333 !important; color: #ccc !important; }
html[data-theme="dark"] .pk-tooltip { background:#1e1e1e !important; border-color:#333 !important; color:#ccc !important; }
html[data-theme="dark"] .pk-tooltip strong { color:#fff !important; }
html[data-theme="dark"] .pk-tooltip a { color:#3b82f6 !important; }


html[data-theme="dark"] .pk-table th { background: #141414 !important; border-color: #333 !important; color: #aaa !important; }
html[data-theme="dark"] .pk-table td { border-color: #333 !important; color: #ccc !important; }
html[data-theme="dark"] .pk-table tr { background: #1e1e1e !important; }
html[data-theme="dark"] .pk-table tr:nth-child(even) { background: #222 !important; }

/* Formulare im Dark Mode generisch abfangen */
html[data-theme="dark"] .modal-content input, 
html[data-theme="dark"] .modal-content select { background: #181818 !important; color: #eee !important; border: 1px solid #333 !important; }
html[data-theme="dark"] .modal-content h2, 
html[data-theme="dark"] .modal-content h3 { color: #fff !important; }

/* Fix für alle Plugin-Headings im Dark Mode */
html[data-theme="dark"] :is(.pk-tooltip, .pk-box-alt, .custom-info-message) :is(h2, h3) {
    color: #fff !important;
    border-color: #333 !important;
}

html[data-theme="dark"] .settings_page_custom_buttons .wrap { background: #121212 !important; color: #e0e0e0 !important; }
html[data-theme="dark"] .settings_page_custom_buttons .form-table th { color: #e0e0e0 !important; text-shadow: none !important; }
html[data-theme="dark"] .settings_page_custom_buttons .form-table td { color: #cccccc !important; }
html[data-theme="dark"] .settings_page_custom_buttons .form-table input[type="text"] { background: #1e1e1e !important; color: #ffffff !important; border: 1px solid #333 !important; }
html[data-theme="dark"] .settings_page_custom_buttons .form-table input[type="checkbox"] { background: #1e1e1e !important; border: 1px solid #333 !important; }
html[data-theme="dark"] .settings_page_custom_buttons .form-table select { background: #1e1e1e !important; color: #ffffff !important; border: 1px solid #333 !important; }
html[data-theme="dark"] .settings_page_custom_buttons .button-primary { background: #4da6ff !important; color: #ffffff !important; border: none !important; }
html[data-theme="dark"] .settings_page_custom_buttons .button-secondary { background: #1e2130 !important; color: #e2e4ec !important; border: 1px solid #2e3245 !important; }