/*
 * Astrava — custom styl pro SimpleShop.cz embed formulář
 * Vloží se automaticky přes <link> v index.html.
 * Selektory cílí na obvyklé třídy SimpleShop embed widgetu.
 * Pokud se SimpleShop časem změní, uprav selektory podle skutečného HTML.
 */

:root {
    --ss-bg: #0e1332;
    --ss-bg-2: #141a3d;
    --ss-gold: #c9a96e;
    --ss-gold-bright: #e5c389;
    --ss-silver: #e8e8f0;
    --ss-border: rgba(201, 169, 110, 0.3);
}

/* Kontejner */
.simpleshop-wrapper iframe,
.simpleshop-wrapper .ss-form,
.simpleshop-wrapper [class*="simpleshop"] {
    background: transparent !important;
    border: none !important;
}

/* Obálka formuláře */
.simpleshop-wrapper form,
.simpleshop-wrapper .ss-order-form {
    background: var(--ss-bg) !important;
    border: 1px solid var(--ss-border) !important;
    border-radius: 14px !important;
    padding: 32px !important;
    color: var(--ss-silver) !important;
    font-family: 'Inter', sans-serif !important;
}

/* Popisky */
.simpleshop-wrapper label,
.simpleshop-wrapper .ss-label {
    color: var(--ss-silver) !important;
    font-size: 0.9rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.03em !important;
    margin-bottom: 6px !important;
}

/* Inputy */
.simpleshop-wrapper input[type="text"],
.simpleshop-wrapper input[type="email"],
.simpleshop-wrapper input[type="tel"],
.simpleshop-wrapper input[type="number"],
.simpleshop-wrapper input[type="date"],
.simpleshop-wrapper input[type="time"],
.simpleshop-wrapper select,
.simpleshop-wrapper textarea {
    background: var(--ss-bg-2) !important;
    border: 1px solid var(--ss-border) !important;
    border-radius: 10px !important;
    color: var(--ss-silver) !important;
    padding: 12px 16px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.95rem !important;
    transition: border-color .2s !important;
    width: 100% !important;
}

.simpleshop-wrapper input:focus,
.simpleshop-wrapper select:focus,
.simpleshop-wrapper textarea:focus {
    outline: none !important;
    border-color: var(--ss-gold) !important;
    box-shadow: 0 0 0 2px rgba(201, 169, 110, 0.15) !important;
}

.simpleshop-wrapper input::placeholder,
.simpleshop-wrapper textarea::placeholder {
    color: rgba(168, 172, 192, 0.6) !important;
}

/* Tlačítko */
.simpleshop-wrapper button,
.simpleshop-wrapper input[type="submit"],
.simpleshop-wrapper .ss-submit {
    background: linear-gradient(135deg, var(--ss-gold), var(--ss-gold-bright)) !important;
    color: #0a0e27 !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 14px 36px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    cursor: pointer !important;
    transition: all .25s !important;
    box-shadow: 0 8px 30px rgba(201, 169, 110, 0.25) !important;
}

.simpleshop-wrapper button:hover,
.simpleshop-wrapper input[type="submit"]:hover,
.simpleshop-wrapper .ss-submit:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 40px rgba(201, 169, 110, 0.4) !important;
}

/* Chyby */
.simpleshop-wrapper .ss-error,
.simpleshop-wrapper .error {
    color: #ff8a8a !important;
    font-size: 0.85rem !important;
    margin-top: 4px !important;
}

/* Cena / souhrn */
.simpleshop-wrapper .ss-price,
.simpleshop-wrapper .ss-summary {
    color: var(--ss-gold-bright) !important;
    font-weight: 500 !important;
}

/* Checkboxy a souhlasy */
.simpleshop-wrapper input[type="checkbox"] {
    accent-color: var(--ss-gold) !important;
}