/* Happy Keramik tilpasninger - CSS */

/**
 * Styling af kursuspriser på oversigtsside
 */
.am-ec__actions-price p {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #265CF2 !important; /* Matcher knappen */
    position: relative !important;
    display: inline-block !important;
}

.am-ec__actions-price p:before {
    content: 'Pris: ' !important;
    font-weight: bold !important;
}

/**
 * Styling af kursuspriser i popup
 */
.am-eli__header .am-ec__info-price,
.am-dialog-el__main-container .am-ec__info-price {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #265CF2 !important;
    position: relative !important;
    display: inline-block !important;
    margin-top: 10px !important;
}

.am-eli__header .am-ec__info-price:before,
.am-dialog-el__main-container .am-ec__info-price:before {
    content: 'Pris: ' !important;
    font-weight: bold !important;
}

/**
 * Styling af flyttet tilmeld-knap
 * Responsiv løsning der følger dokumentets flow
 */
.hk-moved-footer {
    margin: 20px auto !important;
    text-align: center !important;
    padding: 10px !important;
    width: 100% !important;
    display: block !important;
}

/* Stil knappen */
.hk-moved-footer .am-button--primary {
    box-shadow: 0 4px 10px rgba(38, 92, 242, 0.3) !important;
    max-width: 300px !important;
    transition: transform 0.2s ease !important;
}

.hk-moved-footer .am-button--primary:hover {
    transform: scale(1.05) !important;
}

/**
 * Fjern lande-valg fra telefonnummer feltet
 */
.m-phone-number-input__country-flag,
.m-select.m-phone-number-input__select {
    display: none !important;
}

/* Giv telefonnummer input feltet fuld bredde */
.m-phone-number-input__input {
    width: 100% !important;
    flex: 1 !important;
}

/* Fjern venstre padding på input-feltet, som normalt giver plads til lande-valget */
.m-phone-number-input__input .m-input-input {
    padding-left: 14px !important;
}

/**
 * Styling af send-knap i tilmeldingsformular
 */
#hk-send-button-container {
    margin-top: 50px !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    text-align: center !important;
}

#hk-send-button {
    background-color: #265CF2 !important;
    color: white !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 12px 20px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    width: 100% !important;
    cursor: pointer !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.2s ease !important;
}

#hk-send-button:hover {
    background-color: #1A46C2 !important;
    transform: scale(1.05) !important;
}

/* Mobile optimering */
@media only screen and (max-width: 768px) {
    .am-ec__actions-price p, 
    .am-ec__info-price {
        font-size: 16px !important;
        margin-bottom: 8px !important;
    }
}