/* === Kalkulator Importu Auta z USA === */ .kiazusa-container { font-family: inherit; color: inherit; max-width: 800px; margin: 0 auto; padding: 1em; box-sizing: border-box; background-color: inherit; } .kiazusa-container h1, .kiazusa-container h2 { color: inherit; font-size: 1.5em; margin-top: 1.5em; } .kiazusa-container label { font-weight: 600; display: block; margin-top: 10px; } .kiazusa-container p { margin-bottom: 10px; } .kiazusa-container b { color: inherit; } .kiazusa-container button { margin: 5px 5px 10px 0; padding: 10px 15px; font-size: 1em; border: none; background-color: var(--wp--preset--color--primary, #7f8c8d); color: #fff; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; } .kiazusa-container button:hover { background-color: var(--wp--preset--color--secondary, #5d6d7e); } .kiazusa-container button.selected { background-color: #5959b1; } .kiazusa-container input[type="number"], .kiazusa-container select { padding: 10px; margin: 5px 0 15px 0; width: 100%; max-width: 100%; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; font-size: 1em; background-color: #fff; color: inherit; } .kiazusa-container .checkbox-container { margin-bottom: 20px; } .kiazusa-container .checkbox-container label { display: block; margin-bottom: 8px; } .kiazusa-container #KosztyImportu, .kiazusa-container #exportCSV { background-color: var(--wp--preset--color--primary, #2980b9); color: #fff; font-weight: bold; } .kiazusa-container #KosztyImportu[disabled] { background-color: #bdc3c7; cursor: not-allowed; } .kiazusa-container #totalCost { color: #27ae60; font-weight: bold; font-size: 1.2em; } .kiazusa-container #errorMessage { color: red; font-weight: bold; margin-top: 20px; } .kiazusa-container #wyniki { background-color: #f9f9f9; padding: 15px; border-radius: 8px; margin-top: 20px; border: 1px solid #ddd; } .kiazusa-container #selectedCSVData { font-size: 0.95em; line-height: 1.5; margin-top: 10px; } .kiazusa-container #priceWarning { font-size: 0.95em; margin-top: 5px; } .kiazusa-container #importSummary { font-style: italic; margin-top: 10px; } /* === Responsywność === */ @media (max-width: 600px) { .kiazusa-container button { width: 100%; margin-bottom: 10px; } .kiazusa-container input, .kiazusa-container select { font-size: 1em; } .kiazusa-container h1 { font-size: 1.3em; } .kiazusa-container h2 { font-size: 1.1em; } } /* === Tryb ciemny zależny od strony (np. .dark-mode na ) === */ body.dark-mode .kiazusa-container { background-color: #1e1e1e; color: #f0f0f0; } body.dark-mode .kiazusa-container input, body.dark-mode .kiazusa-container select { background-color: #2c2c2c; color: #f0f0f0; border-color: #444; } body.dark-mode .kiazusa-container #wyniki { background-color: #2a2a2a; border-color: #444; }