/* Główne opakowanie */
.iqhs_main_wrapper {
    background-color: #f0f5fa;
    min-height: 100vh;
    padding: 40px 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.iqhs_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* Lewa kolumna */
.iqhs_left_column {
    flex: 1;
    min-width: 320px;
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    padding: 30px;
    overflow: hidden;
}

/* Pasek postępu */
.iqhs_progress_bar_wrapper {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 30px;
}
.iqhs_progress_bg {
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #e2e8f0;
}
.iqhs_progress_fill {
    position: absolute;
    top: 12px;
    left: 0;
    width: 50%;
    height: 2px;
    background-color: #0056b3;
}
.iqhs_progress_step {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 33%;
    position: relative;
    z-index: 2;
}
.iqhs_progress_circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
}
.iqhs_completed_circle {
    background-color: #10b981;
}
.iqhs_active_circle {
    background-color: #0056b3;
    color: white;
}
.iqhs_inactive_circle {
    background-color: #e2e8f0;
    color: #94a3b8;
}
.iqhs_progress_label {
    font-size: 14px;
    font-weight: 500;
}
.iqhs_completed_label {
    color: #10b981;
}
.iqhs_active_label {
    color: #0056b3;
    font-weight: 600;
}
.iqhs_inactive_label {
    color: #94a3b8;
}

/* Nagłówki i opisy */
.iqhs_heading {
    font-size: 24px;
    font-weight: 700;
    color: #334155;
    margin-bottom: 10px;
}
.iqhs_subheading {
    font-size: 15px;
    color: #64748b;
    margin-bottom: 30px;
}

/* Alerty i komunikaty */
.iqhs_alert {
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 20px;
    text-align: center;
}
.iqhs_alert_promo_error {
    background-color: #fff8f5;
    border: 1px solid #ffedd5;
    color: #9a3412;
}
.iqhs_alert_error {
    background-color: #fee2e2;
    border: 1px solid #fecaca;
    color: #b91c1c;
}
.iqhs_alert_info {
    background-color: #eff6ff;
    border: 1px solid #dbeafe;
    color: #1e40af;
}
.iqhs_alert_success {
    background-color: #f0fdf4;
    border: 1px solid #dcfce7;
    color: #166534;
}
.iqhs_alert_title {
    font-weight: 600;
    margin-bottom: 5px;
}
.iqhs_alert_list {
    margin-bottom: 0;
    padding-left: 20px;
}

/* Bundle warnings */
.iqhs_bundle_warning {
    background-color: #fff8f5;
    border: 1px solid #ffedd5;
    color: #9a3412;
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 20px;
}
.iqhs_bundle_warning_list {
    margin-bottom: 0;
    padding-left: 20px;
}

/* Produkty w koszyku */
.iqhs_product_item {
    display: flex;
    align-items: center;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 10px;
}
.iqhs_bg_white {
    background-color: #ffffff;
}
.iqhs_bg_light {
    background-color: #f8fafc;
}
.iqhs_product_icon {
    background-color: #0056b3;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}
.iqhs_product_icon_i {
    color: white;
}
.iqhs_product_info {
    flex: 1;
}
.iqhs_product_info_header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}
.iqhs_product_name {
    font-weight: 600;
    font-size: 16px;
    color: #334155;
}
.iqhs_edit_link {
    color: #0056b3;
    text-decoration: none;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
}
.iqhs_edit_icon {
    margin-right: 4px;
}
.iqhs_product_info_desc {
    font-size: 14px;
    color: #64748b;
}
.iqhs_product_domain {
    color: #0056b3;
}
.iqhs_config_options {
    color: #64748b;
    font-size: 12px;
}
.iqhs_product_price_actions {
    display: flex;
    align-items: center;
    gap: 15px;
}
.iqhs_product_price {
    font-weight: 600;
    color: #334155;
    text-align: right;
}
.iqhs_remove_button {
    background-color: #fee2e2;
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.iqhs_remove_icon {
    color: #ef4444;
    font-size: 12px;
}

/* Addony */
.iqhs_addon_item {
    margin-bottom: 10px;
    margin-left: 40px;
    padding: 15px;
    border-radius: 8px;
    display: flex;
    align-items: center;
}
.iqhs_addon_info {
    flex: 1;
}
.iqhs_addon_name {
    font-weight: 600;
    font-size: 14px;
    color: #334155;
    display: block;
}
.iqhs_addon_label {
    color: #64748b;
}
.iqhs_addon_price_actions {
    display: flex;
    align-items: center;
    gap: 15px;
}
.iqhs_addon_price {
    font-weight: 600;
    color: #334155;
    text-align: right;
}
.iqhs_addon_billing {
    font-size: 12px;
    color: #64748b;
}

/* Domeny */
.iqhs_domain_item {
    display: flex;
    align-items: center;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 10px;
}
.iqhs_domain_info {
    flex: 1;
}
.iqhs_domain_title {
    font-weight: 600;
    font-size: 14px;
    color: #334155;
    display: block;
}
.iqhs_domain_name {
    color: #64748b;
}
.iqhs_domain_price_actions {
    display: flex;
    align-items: center;
    gap: 15px;
}
.iqhs_domain_price {
    font-weight: 600;
    color: #334155;
    text-align: right;
}
.iqhs_domain_billing {
    font-size: 12px;
    color: #64748b;
}

/* Renewals */
.iqhs_renewal_item {
    display: flex;
    align-items: center;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 10px;
}
.iqhs_renewal_info {
    flex: 1;
}
.iqhs_renewal_title {
    font-weight: 600;
    font-size: 14px;
    color: #334155;
    display: block;
}
.iqhs_renewal_desc {
    color: #64748b;
}
.iqhs_renewal_price_actions {
    display: flex;
    align-items: center;
    gap: 15px;
}
.iqhs_renewal_price {
    font-weight: 600;
    color: #334155;
    text-align: right;
}
.iqhs_renewal_billing {
    font-size: 12px;
    color: #64748b;
}

/* Upgrady */
.iqhs_upgrade_item {
    display: flex;
    align-items: center;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 10px;
}
.iqhs_upgrade_info {
    flex: 1;
}
.iqhs_upgrade_title {
    font-weight: 600;
    font-size: 14px;
    color: #334155;
    display: block;
}
.iqhs_upgrade_desc {
    color: #64748b;
}
.iqhs_upgrade_credit {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px dashed #e2e8f0;
    font-size: 12px;
    color: #94a3b8;
}
.iqhs_upgrade_credit_amount {
    color: #10b981;
    font-weight: 600;
}
.iqhs_upgrade_price_actions {
    display: flex;
    align-items: center;
    gap: 15px;
}
.iqhs_upgrade_price {
    font-weight: 600;
    color: #334155;
    text-align: right;
}
.iqhs_upgrade_billing {
    font-size: 12px;
    color: #64748b;
}

/* Wiadomość o pustym koszyku */
.iqhs_empty_cart_message {
    text-align: center;
    color: #64748b;
    font-size: 16px;
    padding: 40px 0;
}
.iqhs_empty_cart_wrapper {
    text-align: right;
    margin-top: 15px;
}
.iqhs_empty_cart_button {
    background-color: transparent;
    border: none;
    color: #ef4444;
    font-size: 14px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}
.iqhs_empty_cart_icon {
    margin-right: 5px;
}

/* Upsell */
.iqhs_upsell_section {
    margin-top: 30px;
}
.iqhs_upsell_heading {
    font-size: 16px;
    font-weight: 600;
    color: #334155;
    margin-bottom: 15px;
}
.iqhs_upsell_products {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.iqhs_upsell_product {
    flex: 1;
    min-width: 250px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    background-color: #f8fafc;
    transition: all 0.2s ease;
}
.iqhs_upsell_title {
    font-size: 16px;
    font-weight: 600;
    color: #334155;
    margin: 0 0 10px;
}
.iqhs_upsell_desc {
    font-size: 14px;
    color: #64748b;
    margin-bottom: 15px;
}
.iqhs_upsell_price {
    font-weight: 600;
    margin-bottom: 15px;
    color: #334155;
}
.iqhs_upsell_button {
    background-color: white;
    border: 1px solid #0056b3;
    color: #0056b3;
    border-radius: 8px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    width: fit-content;
}
.iqhs_upsell_button_icon {
    margin-right: 5px;
    font-size: 12px;
}

/* Hooki, bramki płatności */
.iqhs_gateway_wrapper {
    margin-top: 20px;
}

/* Sekcja promocji i podatków */
.iqhs_promo_tax_section {
    margin-top: 30px;
    padding: 20px;
    border-top: 1px solid #e2e8f0;
}
.iqhs_promo_heading {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #334155;
}
.iqhs_promo_applied {
    display: flex;
    align-items: center;
    background-color: #f0fdf4;
    border: 1px solid #dcfce7;
    color: #10b981;
    padding: 10px 15px;
    margin-top: 15px;
}
.iqhs_promo_icon_wrapper {
    color: #10b981;
    margin-right: 10px;
}
.iqhs_promo_text {
    flex: 1;
    font-size: 14px;
}
.iqhs_promo_code {
    font-weight: 600;
}
.iqhs_promo_description {
    color: #10b981;
    font-weight: 600;
}
.iqhs_promo_remove_link {
    margin-left: auto;
    color: #64748b;
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    font-size: 14px;
}
.iqhs_promo_remove_icon {
    /* Dodatkowe style, jeśli potrzebne */
}
.iqhs_promo_form {
    display: flex;
    margin-top: 15px;
}
.iqhs_promo_input {
    flex: 1;
    padding: 12px 15px;
    border: 1px solid #e2e8f0;
    border-right: none;
    border-radius: 8px 0 0 8px;
    font-size: 15px;
    background-color: #f8fafc;
    color: #334155;
}
.iqhs_promo_button {
    padding: 0 20px;
    background-color: #0056b3;
    color: white;
    border: none;
    border-radius: 0 8px 8px 0;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

/* Podatki */
.iqhs_tax_section {
    margin-top: 30px;
}
.iqhs_tax_heading {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #334155;
}
.iqhs_tax_field {
    margin-bottom: 15px;
}
.iqhs_tax_label {
    display: block;
    margin-bottom: 5px;
    color: #64748b;
}
.iqhs_tax_input,
.iqhs_tax_select {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 15px;
    background-color: #f8fafc;
    color: #334155;
}
.iqhs_tax_submit {
    background-color: #0056b3;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

/* Prawa kolumna - podsumowanie */
.iqhs_right_column {
    width: 350px;
}
.iqhs_summary_box {
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    overflow: hidden;
}
.iqhs_summary_header {
    padding: 20px;
    border-bottom: 1px solid #e2e8f0;
}
.iqhs_summary_title {
    font-size: 18px;
    font-weight: 600;
    color: #334155;
    margin: 0;
}
.iqhs_summary_body {
    padding: 20px;
    position: relative;
}
.iqhs_summary_loader {
    display: none;
    text-align: center;
    margin-bottom: 15px;
}
.iqhs_summary_subtotal,
.iqhs_summary_tax,
.iqhs_summary_total {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.iqhs_summary_subtotal {
    border-bottom: 1px dashed #e2e8f0;
    padding-bottom: 15px;
}
.iqhs_summary_label {
    color: #64748b;
}
.iqhs_summary_value {
    font-weight: 500;
}
.iqhs_summary_tax_label {
    color: #64748b;
}
.iqhs_summary_tax_value {
    font-weight: 500;
}
.iqhs_summary_total {
    margin-top: 15px;
    font-weight: 600;
    font-size: 18px;
    color: #334155;
}
.iqhs_summary_total_label { }
.iqhs_summary_total_value { }
.iqhs_express_checkout {
    margin-top: 25px;
}
.iqhs_express_separator {
    text-align: center;
    margin: 15px 0;
    color: #64748b;
    font-size: 12px;
}
.iqhs_checkout_actions {
    margin-top: 25px;
}
.iqhs_checkout_button {
    display: block;
    text-decoration: none;
    padding: 12px 25px;
    border-radius: 8px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
    font-size: 16px;
    margin-bottom: 10px;
    background-color: #ff6600;
    color: white;
}
.iqhs_checkout_arrow {
    margin-left: 8px;
}
.iqhs_continue_shopping {
    display: block;
    text-decoration: none;
    padding: 12px 25px;
    border-radius: 8px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 16px;
    border: 1px solid #e2e8f0;
    color: #64748b;
}

/* Modale */
.iqhs_modal_dialog {
    max-width: 500px;
    margin: 1.75rem auto;
}
.iqhs_modal_content {
    background-color: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}
.iqhs_modal_body {
    padding: 25px;
    position: relative;
}
.iqhs_modal_close_wrapper {
    position: absolute;
    top: 15px;
    right: 15px;
}
.iqhs_modal_close_button {
    background: none;
    border: none;
    font-size: 24px;
    color: #64748b;
    opacity: 0.7;
    cursor: pointer;
}
.iqhs_modal_title {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    color: #334155;
    margin-bottom: 20px;
}
.iqhs_modal_icon {
    margin-right: 15px;
    color: #ef4444;
}
.iqhs_modal_text {
    font-size: 16px;
    color: #64748b;
    margin-bottom: 25px;
}
.iqhs_modal_footer {
    padding: 20px;
    border-top: 1px solid #e2e8f0;
    display: flex;
    justify-content: center;
    gap: 15px;
}
.iqhs_modal_btn {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 8px;
}
.iqhs_modal_btn_no {
    background-color: #f8fafc;
    color: #64748b;
    border: 1px solid #e2e8f0;
}
.iqhs_modal_btn_yes {
    background-color: #ef4444;
    color: white;
    border: none;
}

############
/* Globalne ustawienia */
.iqhs_main_wrapper {
    background-color: #f0f5fa;
    min-height: 100vh;
    padding: 40px 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.iqhs_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* Kolumny */
.iqhs_left_column {
    flex: 1;
    min-width: 320px;
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    padding: 30px;
    overflow: hidden;
}
.iqhs_right_column {
    width: 350px;
}

/* Pasek postępu */
.iqhs_progress_bar_wrapper {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 30px;
}
.iqhs_progress_bg {
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #e2e8f0;
}
.iqhs_progress_fill {
    position: absolute;
    top: 12px;
    left: 0;
    height: 2px;
    background-color: #0056b3;
}
.iqhs_progress_fill_step1 {
    width: 33%;
}

/* Kroki paska postępu */
.iqhs_progress_step {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 33%;
    position: relative;
    z-index: 2;
}
.iqhs_progress_circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
}
.iqhs_active .iqhs_progress_circle {
    background-color: #0056b3;
    color: white;
}
.iqhs_inactive .iqhs_progress_circle {
    background-color: #e2e8f0;
    color: #94a3b8;
}
.iqhs_progress_label {
    font-size: 14px;
    font-weight: 500;
}
.iqhs_active .iqhs_progress_label {
    color: #0056b3;
    font-weight: 600;
}
.iqhs_inactive .iqhs_progress_label {
    color: #94a3b8;
}

/* Nagłówki i opisy */
.iqhs_heading {
    font-size: 24px;
    font-weight: 700;
    color: #334155;
    margin-bottom: 10px;
}
.iqhs_subheading {
    font-size: 15px;
    color: #64748b;
    margin-bottom: 30px;
}

/* Karta produktu (konfiguracja) */
.iqhs_product_card {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}
.iqhs_product_card_header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.iqhs_product_card_icon {
    background-color: #0056b3;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}
.iqhs_product_card_icon_i {
    color: white;
}
.iqhs_product_card_info {
    flex: 1;
}
.iqhs_product_card_name {
    font-weight: 600;
    font-size: 18px;
    color: #334155;
    display: block;
}
.iqhs_product_card_shortdesc {
    color: #64748b;
    font-size: 14px;
}
/* Lista opisu produktu */
.iqhs_product_card_desc_list {
    list-style-type: none;
    padding-left: 0;
}
.iqhs_product_card_desc_item {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.iqhs_product_card_checkicon {
    margin-right: 8px;
}
.iqhs_product_card_desc_text { }

/* Sekcja cyklu rozliczeniowego */
.iqhs_billing_section {
    margin-top: 30px;
}
.iqhs_billing_heading {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #334155;
}
.iqhs_billing_options {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}
.iqhs_billing_option {
    flex: 1;
    min-width: 110px;
    background-color: #f8fafc;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px 15px;
    cursor: pointer;
    text-align: center;
    transition: background-color 0.2s, border-color 0.2s;
}
.iqhs_billing_option.selected {
    background-color: white;
    border-color: #0056b3;
}
.iqhs_billing_price {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px;
}
.iqhs_billing_label {
    font-size: 13px;
    color: #64748b;
}
.iqhs_billing_discount {
    display: inline-block;
    background-color: #10b981;
    color: white;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 8px;
    border-radius: 25px;
    margin-top: 5px;
}

/* Sekcja pomocy */
.iqhs_help_section {
    background-color: #FFF9E6;
    border-left: 4px solid #FFD700;
    padding: 15px 20px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.iqhs_help_icon_wrapper {
    color: #FFD700;
    font-size: 24px;
    margin-right: 15px;
}
.iqhs_help_icon { }
.iqhs_help_text_wrapper {
    flex: 1;
}
.iqhs_help_text {
    margin-bottom: 5px;
    font-size: 14px;
}
.iqhs_help_link {
    color: #0056b3;
    font-weight: 500;
    text-decoration: none;
}

/* Podsumowanie zamówienia (panel boczny) */
.iqhs_summary_box {
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    overflow: hidden;
}
.iqhs_summary_header {
    padding: 20px;
    border-bottom: 1px solid #e2e8f0;
}
.iqhs_summary_title {
    font-size: 18px;
    font-weight: 600;
    color: #334155;
    margin: 0;
}
.iqhs_summary_body {
    padding: 20px;
    position: relative;
}
.iqhs_summary_loader {
    display: none;
    text-align: center;
    margin-bottom: 15px;
}
.iqhs_summary_producttotal {
    /* Kontener dynamicznego podsumowania – stylizacja zgodna z wcześniejszymi ustawieniami inline */
}

/* Przyciski */
.iqhs_continue_button {
    display: block;
    text-decoration: none;
    padding: 12px 25px;
    border-radius: 8px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
    font-size: 16px;
    margin-top: 20px;
    background-color: #ff6600;
    color: white;
    width: 100%;
}
.iqhs_continue_button_icon {
    margin-left: 8px;
}

/* Klasa pomocnicza do ukrywania elementów */
.d-none {
    display: none;
}

/* Styl dla wypełnienia paska postępu w kroku 3 */
.iqhs_progress_fill_step3 {
    width: 100%; /* Wypełnienie na 100% - ostatni krok */
}

/* Stylizacja sekcji wyboru typu konta */
.iqhs_account_choice_wrapper {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.iqhs_account_btn {
    padding: 8px 15px;
    margin-left: 10px;
    border-radius: 8px;
    cursor: pointer;
    border: none;
    font-weight: 500;
}

.iqhs_account_btn_registered {
    background-color: #0056b3;
    color: white;
}

.iqhs_account_btn_new {
    background-color: #ffedd5;
    color: #9a3412;
}

/* Stylizacja sekcji logowania */
.iqhs_existing_login_container {
    margin-bottom: 30px;
}

.iqhs_section_title {
    margin: 25px 0 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e8f0;
}

.iqhs_section_title_text {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: #334155;
    padding-left: 12px;
}

.iqhs_section_title_text:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    height: 16px;
    width: 4px;
    background-color: #0056b3;
    border-radius: 2px;
}

.iqhs_login_form {
    margin-top: 20px;
}

.iqhs_form_row {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
}

.iqhs_form_group {
    flex: 1;
    position: relative;
    min-width: 200px;
}

.iqhs_form_group_wide {
    flex-basis: 100%;
}

.iqhs_form_group_with_help {
    margin-bottom: 25px;
}

.iqhs_form_label {
    position: absolute;
    top: 11px;
    left: 12px;
    color: #64748b;
    z-index: 2;
}

.iqhs_form_icon {
    color: #94a3b8;
}

.iqhs_form_input, 
.iqhs_form_select, 
.iqhs_form_textarea {
    width: 100%;
    padding: 10px 15px 10px 40px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 15px;
    background-color: #f8fafc;
    color: #334155;
    transition: border-color 0.2s ease;
}

.iqhs_form_textarea {
    padding: 15px;
    min-height: 120px;
}

.iqhs_form_input:focus,
.iqhs_form_select:focus,
.iqhs_form_textarea:focus {
    border-color: #0056b3;
    outline: none;
}

.iqhs_form_grid {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
}

.iqhs_login_actions {
    text-align: center;
    margin-top: 20px;
}

.iqhs_login_button, 
.iqhs_complete_order_button {
    background-color: #0056b3;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 12px 25px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.iqhs_login_button:hover, 
.iqhs_complete_order_button:hover {
    background-color: #004494;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

/* Stylizacja wyboru konta */
.iqhs_account_select_container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 25px;
}

.iqhs_account_option {
    flex: 1;
    min-width: 48%;
    padding: 15px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    cursor: pointer;
}

.iqhs_account_option.active {
    border-color: #0056b3;
    background-color: #f8fafc;
}

.iqhs_account_label {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    width: 100%;
}

.iqhs_account_details {
    margin-left: 10px;
    flex: 1;
}

.iqhs_account_name {
    font-weight: 600;
    color: #334155;
}

.iqhs_account_status {
    display: inline-block;
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 25px;
    margin-left: 8px;
}

.iqhs_account_status_closed {
    background-color: #e2e8f0;
    color: #64748b;
}

.iqhs_account_status_active {
    background-color: #0056b3;
    color: white;
}

.iqhs_account_address {
    font-size: 13px;
    color: #64748b;
    line-height: 1.5;
}

/* Pole pomocy */
.iqhs_field_help {
    display: block;
    font-size: 12px;
    color: #64748b;
    margin-top: 5px;
}

.iqhs_field_error {
    display: block;
    font-size: 12px;
    color: #ef4444;
    margin-top: 5px;
}

/* Wybór domeny */
.iqhs_domain_contact_info {
    font-size: 14px;
    color: #64748b;
    margin-bottom: 15px;
}

.iqhs_domain_contact_select {
    margin-bottom: 25px;
    max-width: 500px;
    margin: 0 auto 25px;
}

.iqhs_domain_registrant {
    border-top: 1px solid #e2e8f0;
    padding-top: 20px;
    margin-top: 15px;
}

/* Bezpieczeństwo konta */
.iqhs_password_container {
    margin-bottom: 25px;
}

.iqhs_password_tools {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 15px;
    gap: 20px;
}

.iqhs_generate_password {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #64748b;
    padding: 8px 15px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

.iqhs_password_strength {
    flex: 1;
}

.iqhs_password_meter {
    height: 8px;
    background-color: #e2e8f0;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 8px;
}

.iqhs_password_meter_bar {
    height: 100%;
    width: 0;
    background-color: #10b981;
    border-radius: 4px;
    transition: width 0.3s ease, background-color 0.3s ease;
}

.iqhs_password_strength_text {
    font-size: 12px;
    color: #64748b;
    text-align: center;
    margin: 0;
}

.iqhs_security_question {
    margin-top: 25px;
}

/* Kwota do zapłaty */
.iqhs_total_due {
    padding: 15px;
    background-color: #f0fdf4;
    border: 1px solid #dcfce7;
    color: #166534;
    border-radius: 8px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0;
}

.iqhs_total_due span {
    font-weight: 700;
}

/* Kredyt konta */
.iqhs_credit_container {
    padding: 15px;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin: 20px 0;
}

.iqhs_credit_balance {
    font-size: 14px;
    margin-bottom: 15px;
}

.iqhs_credit_options {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.iqhs_credit_option {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.iqhs_credit_option input {
    margin-right: 10px;
}

/* Bramki płatności */
.iqhs_payment_gateways {
    margin: 25px 0;
}

.iqhs_payment_method_intro {
    font-size: 14px;
    color: #64748b;
    margin-bottom: 15px;
}

.iqhs_payment_methods {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}

.iqhs_payment_method {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 10px 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
}

.iqhs_payment_method:hover {
    border-color: #0056b3;
}

.iqhs_payment_method input {
    margin-right: 10px;
}

.iqhs_payment_method_name {
    font-weight: 500;
}

/* Pola kart kredytowych */
.iqhs_cc_input_container {
    margin-top: 25px;
}

.iqhs_existing_cards {
    margin-bottom: 20px;
}

.iqhs_cvv_input {
    max-width: 200px;
    margin-bottom: 20px;
}

.iqhs_cvv_input_group {
    display: flex;
    align-items: center;
}

.iqhs_cvv_help {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    cursor: pointer;
}

.iqhs_cc_options {
    margin-bottom: 20px;
}

.iqhs_cc_option {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
}

.iqhs_cc_option input {
    margin-right: 10px;
}

.iqhs_new_card_info {
    margin-top: 15px;
}

.iqhs_card_save_settings {
    margin-top: 25px;
    border-top: 1px solid #e2e8f0;
    padding-top: 15px;
}

.iqhs_form_checkbox {
    display: flex;
    align-items: center;
}

.iqhs_checkbox_label {
    margin-left: 10px;
    cursor: pointer;
}

/* Express checkout */
.iqhs_express_checkout_info {
    text-align: center;
    padding: 20px;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin: 20px 0;
}

.iqhs_express_checkout_buttons {
    margin-top: 20px;
}

.iqhs_express_separator {
    text-align: center;
    margin: 10px 0;
    color: #64748b;
    font-size: 12px;
}

/* Dodatkowe uwagi */
.iqhs_notes_container {
    margin-bottom: 25px;
}

/* Marketing email */
.iqhs_marketing_optin {
    padding: 15px;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin: 25px 0;
}

.iqhs_marketing_title {
    font-size: 16px;
    font-weight: 600;
    color: #334155;
    margin-top: 0;
    margin-bottom: 10px;
}

.iqhs_marketing_desc {
    font-size: 14px;
    color: #64748b;
    margin-bottom: 15px;
}

/* Finalizacja zamówienia */
.iqhs_checkout_actions {
    margin-top: 30px;
    text-align: center;
}

.iqhs_tos_agreement {
    margin-bottom: 20px;
}

.iqhs_tos_label {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.iqhs_tos_label input {
    margin-right: 10px;
}

.iqhs_captcha_container {
    margin-bottom: 20px;
}

.iqhs_complete_order_button {
    background-color: #ff6600;
    font-size: 16px;
    padding: 12px 30px;
}

.iqhs_complete_order_button:hover {
    background-color: #e55c00;
}

.iqhs_complete_order_button i {
    margin-left: 8px;
}

/* Informacja o SSL */
.iqhs_ssl_info {
    margin-top: 30px;
    padding: 15px;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 13px;
    color: #64748b;
    display: flex;
    align-items: center;
}

.iqhs_ssl_info i {
    color: #10b981;
    margin-right: 10px;
    font-size: 16px;
}

/* Style dla modala generowania hasła */
.modal.in .modal-dialog.password-strength-modal {
    border: none;
    max-width: 500px;
    margin: 30px auto;
}

#modalGeneratePassword {
    z-index: 9999;
}

#modalGeneratePassword .modal-content {
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden;
}

#modalGeneratePassword .modal-header {
    background-color: #0056b3 !important;
    color: white !important;
    padding: 15px 20px !important;
    border-bottom: none !important;
}

#modalGeneratePassword .modal-title {
    color: white !important;
    font-weight: 600 !important;
    font-size: 18px !important;
}

#modalGeneratePassword .modal-header .close {
    color: white !important;
    opacity: 0.8 !important;
    text-shadow: none !important;
    margin-top: -2px !important;
}

#modalGeneratePassword .modal-header .close:hover {
    opacity: 1 !important;
}

#modalGeneratePassword .modal-body {
    padding: 25px !important;
}

#modalGeneratePassword .modal-footer {
    background-color: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
    padding: 15px 20px !important;
    text-align: right !important;
}

#modalGeneratePassword .form-group {
    margin-bottom: 20px !important;
}

#modalGeneratePassword label {
    font-weight: 500 !important;
    color: #334155 !important;
    margin-bottom: 10px !important;
    display: block !important;
    font-size: 15px !important;
}

#modalGeneratePassword .form-control {
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 10px 15px !important;
    background-color: #f8fafc !important;
    color: #334155 !important;
    height: auto !important;
    font-size: 15px !important;
    width: 100% !important;
    box-shadow: none !important;
}

#modalGeneratePassword .input-group-btn .btn {
    height: 100% !important;
}

#modalGeneratePassword .btn {
    border-radius: 8px !important;
    padding: 10px 15px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
}

#modalGeneratePassword .btn-default,
#modalGeneratePassword .btn-default.btn-sm {
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #64748b !important;
}

#modalGeneratePassword .btn-default:hover,
#modalGeneratePassword .btn-default.btn-sm:hover {
    background-color: #e2e8f0 !important;
    color: #334155 !important;
}

#modalGeneratePassword .btn-primary,
#modalGeneratePassword .btn-primary.btn-sm {
    background-color: #0056b3 !important;
    border: none !important;
    color: white !important;
}

#modalGeneratePassword .btn-primary:hover,
#modalGeneratePassword .btn-primary.btn-sm:hover {
    background-color: #004494 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

#modalGeneratePassword .btn-success,
#modalGeneratePassword .btn-success.btn-sm {
    background-color: #10b981 !important;
    border: none !important;
    color: white !important;
}

#modalGeneratePassword .btn-success:hover,
#modalGeneratePassword .btn-success.btn-sm:hover {
    background-color: #059669 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

/* Specyficzne dla przycisków w modalu */
#modalGeneratePassword button[data-btn-generate-pw],
#modalGeneratePassword button.copy-to-clipboard,
#modalGeneratePassword button[data-btn-copy-to-clipboard] {
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #0056b3 !important;
    border-radius: 8px !important;
    padding: 8px 15px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
}

#modalGeneratePassword button[data-btn-generate-pw]:hover,
#modalGeneratePassword button.copy-to-clipboard:hover,
#modalGeneratePassword button[data-btn-copy-to-clipboard]:hover {
    background-color: #e2e8f0 !important;
    border-color: #0056b3 !important;
}

#modalGeneratePassword .modal-footer .btn-default {
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #64748b !important;
}

#modalGeneratePassword .modal-footer .btn-primary,
#modalGeneratePassword .modal-footer button[data-btn-copy-insert] {
    background-color: #0056b3 !important;
    border: none !important;
    color: white !important;
}

/* Stylizacja przycisku logowania i jego stanu ładowania */
.iqhs_login_button,
#btnExistingLogin,
#btnExistingLogin.btn,
#btnExistingLogin.btn.btn-primary,
#btnExistingLogin.btn.btn-md,
button#btnExistingLogin {
    min-width: 150px !important;
    position: relative !important;
    padding: 10px 20px !important;
    background-color: #0056b3 !important;
    color: white !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-align: center !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    overflow: hidden !important;
}

.iqhs_login_button:hover,
#btnExistingLogin:hover,
button#btnExistingLogin:hover {
    background-color: #004494 !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
}

.iqhs_login_button:disabled,
#btnExistingLogin:disabled,
#btnExistingLogin.disabled,
#btnExistingLogin[disabled],
button#btnExistingLogin:disabled {
    background-color: #0056b3 !important;
    color: white !important;
    opacity: 0.8 !important;
    cursor: wait !important;
    box-shadow: none !important;
}

/* Naprawa stylu dla animacji ładowania */
#btnExistingLogin.disabled span,
#btnExistingLogin[disabled] span,
#btnExistingLogin:disabled span {
    opacity: 0 !important;
}

#btnExistingLogin.disabled:after,
#btnExistingLogin[disabled]:after,
#btnExistingLogin:disabled:after {
    content: "Logowanie..." !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-weight: 500 !important;
}

#btnExistingLogin.disabled:before,
#btnExistingLogin[disabled]:before,
#btnExistingLogin:disabled:before {
    content: "" !important;
    position: absolute !important;
    left: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid rgba(255,255,255,0.3) !important;
    border-top: 2px solid white !important;
    border-radius: 50% !important;
    animation: iqhs-spinner 1s linear infinite !important;
    z-index: 10 !important;
}

@keyframes iqhs-spinner {
    0% { transform: translateY(-50%) rotate(0deg); }
    100% { transform: translateY(-50%) rotate(360deg); }
}

/* Naprawa pola numeru telefonu - usunięcie duplikacji ikon */
.intl-tel-input.separate-dial-code .selected-flag {
    background-color: transparent !important;
    padding: 0 6px 0 8px !important;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    color: #334155 !important;
}

.intl-tel-input ~ .iqhs_form_label {
    display: none !important;
}

input#inputPhone,
input[name="phonenumber"].field.form-control {
    padding-left: 90px !important;
}

/* Responsywność */
@media (max-width: 768px) {
    .iqhs_container {
        flex-direction: column;
    }
    
    .iqhs_right_column {
        width: 100%;
        order: -1;
        margin-bottom: 30px;
    }
    
    .iqhs_form_row {
        flex-direction: column;
    }
    
    .iqhs_payment_methods {
        flex-direction: column;
        align-items: stretch;
    }
}

/* Animacje i wskaźniki ładowania */
.iqhs_loading_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: opacity 0.3s;
    opacity: 0;
    pointer-events: none;
}

.iqhs_loading_overlay.active {
    opacity: 1;
    pointer-events: all;
}

.iqhs_loading_spinner {
    width: 60px;
    height: 60px;
    border: 5px solid #e2e8f0;
    border-top: 5px solid #0056b3;
    border-radius: 50%;
    animation: iqhs-spin 1.5s linear infinite;
    margin-bottom: 15px;
}

.iqhs_loading_message {
    font-size: 18px;
    font-weight: 500;
    color: #334155;
    margin-bottom: 10px;
    text-align: center;
}

.iqhs_loading_submessage {
    font-size: 14px;
    color: #64748b;
    text-align: center;
    max-width: 300px;
}

.iqhs_loading_progress {
    width: 250px;
    height: 6px;
    background-color: #e2e8f0;
    border-radius: 3px;
    margin-top: 15px;
    overflow: hidden;
    position: relative;
}

.iqhs_loading_progress_bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background-color: #0056b3;
    animation: iqhs-progress 20s linear forwards;
    border-radius: 3px;
}

@keyframes iqhs-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes iqhs-progress {
    0% { width: 0; }
    100% { width: 100%; }
}

.iqhs_login_button.processing,
.iqhs_complete_order_button.processing {
    background-color: #94a3b8 !important;
    cursor: not-allowed;
    pointer-events: none;
    position: relative;
    color: transparent !important;
}

.iqhs_login_button.processing:after,
.iqhs_complete_order_button.processing:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    border: 3px solid rgba(255,255,255,0.3);
    border-radius: 50%;
    border-top-color: #ffffff;
    animation: iqhs-spin 1s infinite linear;
}

/* Poprawki pozycjonowania dla spinnerów w przyciskach */
#btnExistingLogin.disabled:before {
    display: none !important;
}

#btnExistingLogin.disabled:after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 20px !important;
    height: 20px !important;
    border: 3px solid rgba(255,255,255,0.3) !important;
    border-top: 3px solid white !important;
    border-radius: 50% !important;
    animation: iqhs-spin 1s linear infinite !important;
}

.message-typing {
    display: inline-block;
}

.message-typing:after {
    content: '...';
    animation: dots 1.5s linear infinite;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    width: 20px;
    text-align: left;
}

@keyframes dots {
    0%, 20% { content: '.'; }
    40% { content: '..'; }
    60%, 100% { content: '...'; }
}

/* Informacja o SSL */
.iqhs_ssl_info {
    display: flex;
    align-items: flex-start;
    padding: 15px;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin-top: 30px;
}

.iqhs_ssl_icon {
    color: #10b981;
    margin-right: 12px;
    font-size: 16px;
    margin-top: 3px;
}

.iqhs_ssl_text {
    color: #64748b;
    font-size: 14px;
    line-height: 1.5;
    flex: 1;
}

.iqhs_ssl_ip {
    white-space: nowrap;
    font-weight: 500;
    color: #334155;
}

/* Responsywność dla bardzo małych ekranów */
@media (max-width: 480px) {
    .iqhs_ssl_info {
        flex-direction: column;
    }
    
    .iqhs_ssl_icon {
        margin-bottom: 8px;
    }
    
    .iqhs_ssl_ip {
        display: block;
        margin: 5px 0;
    }
}
/* Przycisk finalizacji zamówienia w podsumowaniu */
.iqhs_right_column .iqhs_complete_order_button {
    width: 100%;
    margin-top: 20px;
    padding: 14px 20px;
    font-size: 16px;
    font-weight: 600;
    background-color: #ff6600;
    border: none;
    border-radius: 8px;
    color: white;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iqhs_right_column .iqhs_complete_order_button:hover {
    background-color: #e55c00;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.iqhs_right_column .iqhs_complete_order_button i {
    margin-left: 8px;
}

/* Stan wyłączony */
.iqhs_right_column .iqhs_complete_order_button:disabled {
    background-color: #cbd5e1;
    color: #94a3b8;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}


/* Nowe style dla domainregister.tpl */

/* Ukrywamy oryginalne elementy WHMCS */
#order-standard_cart .header-lined {
    display: none;
}

/* Wyszukiwarka domen */
.iqhs_domain_search_container {
    margin-bottom: 30px;
    background: transparent;
}

.iqhs_domain_search_form {
    margin: 0 auto;
    max-width: 800px;
}

.iqhs_domain_search_input_wrapper {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

.iqhs_domain_input {
    height: 50px !important;
    font-size: 16px !important;
    border-color: #e2e8f0 !important;
    background-color: white !important;
    color: #334155 !important;
    padding-left: 15px !important;
}

.iqhs_domain_input:focus {
    border-color: #0056b3 !important;
    box-shadow: none !important;
}

.iqhs_domain_search_button {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
    color: white !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    padding: 0 25px !important;
    height: 50px !important;
    transition: all 0.2s ease !important;
}

.iqhs_domain_search_button:hover {
    background-color: #004494 !important;
    border-color: #004494 !important;
}

.domain-checker-container {
    margin: 0 !important;
    padding: 0 !important;
}

.domain-checker-bg {
    background: transparent !important;
    padding: 0 !important;
}

/* Sekcja wyników wyszukiwania */
.iqhs_domain_results {
    background-color: white;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}

.iqhs_domain_result_headline {
    padding-bottom: 15px;
    border-bottom: 1px solid #e2e8f0;
}

/* Komunikaty o statusie domeny */
.iqhs_domain_invalid, 
.iqhs_domain_unavailable,
.iqhs_domain_tld_unavailable {
    color: #ef4444;
    font-weight: 500;
}

.iqhs_domain_available {
    color: #10b981;
    font-weight: 600;
    font-size: 18px;
}

.iqhs_domain_length_restrictions {
    font-size: 13px;
    color: #64748b;
}

.iqhs_domain_contact_support {
    margin-top: 10px;
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
}

.iqhs_domain_contact_support:hover {
    background-color: #004494 !important;
    border-color: #004494 !important;
}

/* Cena i przycisk dodania do koszyka */
.iqhs_domain_price {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin: 20px 0;
}

.iqhs_price {
    font-size: 22px;
    font-weight: 600;
    color: #334155;
}

.iqhs_add_to_cart_button {
    background-color: #ff6600 !important;
    border-color: #ff6600 !important;
    padding: 8px 20px !important;
    transition: all 0.2s ease !important;
}

.iqhs_add_to_cart_button:hover {
    background-color: #e55c00 !important;
    border-color: #e55c00 !important;
}

/* Spotlight TLDs */
.iqhs_spotlight_tlds {
    margin: 30px 0;
    padding-top: 20px;
    border-top: 1px solid #e2e8f0;
}

.iqhs_spotlight_tlds_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.iqhs_spotlight_tld_item {
    padding: 10px;
}

.iqhs_spotlight_tld {
    text-align: center;
    position: relative;
    padding: 15px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background-color: #f8fafc;
    transition: all 0.2s ease;
    height: 100%;
}

.iqhs_spotlight_tld:hover {
    border-color: #0056b3;
    background-color: white;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.iqhs_spotlight_group {
    position: absolute;
    top: -8px;
    right: -8px;
    padding: 3px 8px;
    border-radius: 15px;
    font-size: 11px;
    font-weight: 600;
}

.iqhs_spotlight_group_hot {
    background-color: #ef4444;
    color: white;
}

.iqhs_spotlight_group_new {
    background-color: #10b981;
    color: white;
}

.iqhs_spotlight_group_sale {
    background-color: #0056b3;
    color: white;
}

.iqhs_spotlight_name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #334155;
}

.iqhs_domain_loader {
    color: #64748b;
}

/* Sugerowane domeny */
.iqhs_suggested_domains {
    margin-top: 30px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
}

.iqhs_suggestions_header {
    background-color: #f8fafc;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 20px;
    border-bottom: 1px solid #e2e8f0;
}

.iqhs_suggestions_loader {
    text-align: center;
    padding: 20px;
    color: #64748b;
}

.iqhs_domain_suggestion {
    transition: all 0.2s ease;
}

.iqhs_domain_suggestion:hover {
    background-color: #f8fafc;
}

.iqhs_suggestion_domain {
    font-weight: 600;
    color: #334155;
}

.iqhs_suggestion_extension {
    color: #64748b;
}

.iqhs_hot,
.iqhs_new,
.iqhs_sale {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    margin-left: 5px;
}

.iqhs_hot {
    background-color: #ef4444;
    color: white;
}

.iqhs_new {
    background-color: #10b981;
    color: white;
}

.iqhs_sale {
    background-color: #0056b3;
    color: white;
}

.iqhs_suggestion_actions {
    display: flex;
    align-items: center;
    gap: 15px;
}

.iqhs_suggestion_price {
    font-weight: 600;
    color: #334155;
}

.iqhs_more_suggestions {
    text-align: center;
    background-color: #f8fafc;
}

.iqhs_suggestions_warning {
    padding: 15px;
    font-size: 13px;
    color: #64748b;
}

/* Cennik domen */
.iqhs_domain_pricing {
    margin-top: 40px;
}

/* Featured TLDs */
.iqhs_featured_tlds_container {
    margin-bottom: 30px;
}

.iqhs_featured_tld {
    background-color: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    transition: all 0.2s ease;
    height: 100%;
}

.iqhs_featured_tld:hover {
    border-color: #0056b3;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.iqhs_tld_img_container {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.iqhs_tld_img_container img {
    max-height: 100%;
    max-width: 100%;
}

.iqhs_tld_price {
    font-weight: 600;
    color: #334155;
}

.iqhs_category_heading {
    margin: 30px 0 15px;
    color: #334155;
}

/* Filtry TLD */
.iqhs_tld_filters {
    margin-bottom: 20px;
}

.iqhs_tld_filter {
    display: inline-block;
    margin: 0 5px 10px 0;
    transition: all 0.2s ease;
    font-size: 12px;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #64748b;
}

.iqhs_tld_filter:hover,
.iqhs_tld_filter.active {
    background-color: #0056b3 !important;
    color: white !important;
    text-decoration: none;
}

/* Tabela cen TLD */
.iqhs_tld_pricing_table {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

.iqhs_tld_pricing_header {
    background-color: #f8fafc;
    color: #334155;
    font-weight: 600;
    border-bottom: 1px solid #e2e8f0;
}

.iqhs_tld_row {
    border-bottom: 1px solid #e2e8f0;
    transition: all 0.2s ease;
}

.iqhs_tld_row:hover {
    background-color: #f8fafc;
}

.iqhs_tld_name {
    text-align: center;
    padding: 15px;
    position: relative;
}

.iqhs_tld_sale_group {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 2px 8px;
    border-radius: 15px;
    font-size: 11px;
    font-weight: 600;
}

.iqhs_tld_group_hot {
    background-color: #ef4444;
    color: white;
}

.iqhs_tld_group_new {
    background-color: #10b981;
    color: white;
}

.iqhs_tld_group_sale {
    background-color: #0056b3;
    color: white;
}

.iqhs_price_item {
    padding: 15px;
    color: #334155;
}

.iqhs_price_item small {
    color: #64748b;
    font-size: 12px;
}

.iqhs_no_tlds_message {
    padding: 20px;
    color: #64748b;
}

/* Sekcje promocyjne */
.iqhs_promo_boxes {
    margin-top: 40px;
}

.iqhs_promo_box {
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    padding: 25px;
    margin-bottom: 20px;
    height: 100%;
}

.iqhs_promo_content {
    margin-bottom: 20px;
}

.iqhs_promo_icon {
    float: left;
    margin-right: 20px;
}

.iqhs_promo_hosting {
    background-color: #fff8f5;
    border: 1px solid #ffedd5;
}

.iqhs_promo_transfer {
    background-color: #f0f7ff;
    border: 1px solid #dbeafe;
}

.iqhs_promo_hosting .iqhs_promo_icon {
    color: #ff6600;
}

.iqhs_promo_transfer .iqhs_promo_icon {
    color: #3b82f6;
}

.iqhs_promo_title {
    margin-top: 0;
    margin-bottom: 10px;
}

.iqhs_promo_highlight {
    margin-bottom: 10px;
}

.iqhs_promo_hosting .iqhs_promo_highlight {
    color: #ff6600 !important;
}

.iqhs_promo_transfer .iqhs_promo_highlight {
    color: #3b82f6 !important;
}

.iqhs_promo_text {
    color: #64748b;
    margin-bottom: 20px;
}

.iqhs_promo_button {
    padding: 8px 20px !important;
    font-weight: 500 !important;
}

.iqhs_promo_note {
    margin-top: 10px;
    color: #64748b;
}

.domain-promo-box {
    border: none;
    margin: 0;
    background: transparent;
}


.btn-warning {
    background-color: #ff6600 !important;
    border-color: #ff6600 !important;
}

/* Responsywność */
@media (max-width: 768px) {
    .iqhs_domain_price {
        flex-direction: column;
    }
    
    .iqhs_domain_search_button {
        width: 100%;
    }
    
    .iqhs_promo_icon {
        float: none;
        display: block;
        margin: 0 auto 20px;
        text-align: center;
    }
    
    .iqhs_promo_title, 
    .iqhs_promo_highlight {
        text-align: center;
    }
    
    .iqhs_promo_button {
        display: block;
        width: 100%;
    }
}

/* Styl dla konfiguracji domen */
.iqhs_progress_fill_domain {
    width: 40%;
}

/* Container zajmujący pełną szerokość gdy nie ma prawego kafelka */
.iqhs_container_full {
    max-width: 1000px;
}

/* Nagłówek domeny - zmieniona kolorystyka */
.iqhs_domain_header {
    background-color: #f1f5f9; /* Jasnoszary kolor zamiast niebieskiego */
    border-left: 4px solid #64748b; /* Subtelny akcent z boku */
    color: #334155; /* Ciemniejszy kolor tekstu */
    padding: 12px 20px;
    border-radius: 6px;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.iqhs_domain_name {
    font-weight: 600;
    color: #334155; /* Ciemniejszy, bardziej czytelny kolor */
}

/* Szczegóły domeny */
.iqhs_domain_details {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px;
}

/* Grid informacji o domenie */
.iqhs_domain_info_grid {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
}

.iqhs_domain_info_item {
    flex: 1;
    min-width: 200px;
}

.iqhs_domain_info_item_wide {
    flex-basis: 100%;
}

.iqhs_domain_info_label {
    font-weight: 600;
    margin-bottom: 5px;
    color: #64748b;
}

.iqhs_domain_info_value {
    font-size: 15px;
    color: #334155;
}

.iqhs_domain_has_hosting {
    color: #10b981;
    font-weight: 500;
}

.iqhs_domain_no_hosting {
    color: #ef4444;
    text-decoration: none;
    font-weight: 500;
}

/* Dodatki do domeny */
.iqhs_domain_addons {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 25px;
    margin-bottom: 20px;
}

.iqhs_domain_addon {
    flex: 1;
    min-width: 250px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background-color: white;
    overflow: hidden;
    transition: all 0.2s ease;
    cursor: pointer;
}

.iqhs_domain_addon:hover {
    border-color: #0056b3;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.iqhs_domain_addon_selected {
    border-color: #0056b3;
    background-color: #f8f9ff;
}

.iqhs_domain_addon_header {
    padding: 15px;
    border-bottom: 1px solid #e2e8f0;
}

.iqhs_domain_addon_label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.iqhs_domain_addon_name {
    font-weight: 600;
    margin-left: 10px;
}

.iqhs_domain_addon_body {
    padding: 15px;
}

.iqhs_domain_addon_desc {
    color: #64748b;
    font-size: 14px;
    margin-bottom: 10px;
}

.iqhs_domain_addon_price {
    font-weight: 600;
    color: #334155;
}

.iqhs_domain_addon_add {
    padding: 10px 15px;
    background-color: #f8fafc;
    border-top: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0056b3;
    font-size: 14px;
    font-weight: 500;
}

.iqhs_domain_addon_selected .iqhs_domain_addon_add {
    background-color: #0056b3;
    color: white;
}

.iqhs_domain_addon_icon {
    margin-right: 8px;
}

/* Dodatkowe pola domeny */
.iqhs_domain_custom_field {
    display: flex;
    border-top: 1px solid #e2e8f0;
    padding: 12px 0;
}

.iqhs_domain_custom_label {
    width: 30%;
    font-weight: 500;
    color: #64748b;
}

.iqhs_domain_custom_value {
    width: 70%;
}

/* Sekcja nameserwerów */
.iqhs_nameservers_section {
    margin-top: 30px;
    margin-bottom: 30px;
}

.iqhs_nameservers_info {
    color: #64748b;
    margin-bottom: 20px;
}

/* Udoskonalone style dla serwerów DNS */
.iqhs_dns_form_grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.iqhs_dns_form_group {
    flex: 1;
    min-width: 250px;
}

.iqhs_dns_form_label {
    display: block;
    font-weight: 500;
    color: #334155;
    margin-bottom: 8px;
    font-size: 14px;
}

.iqhs_dns_form_input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 15px;
    background-color: #f8fafc;
    color: #334155;
    transition: border-color 0.2s ease;
}

.iqhs_dns_form_input:focus {
    border-color: #64748b;
    outline: none;
    box-shadow: 0 0 0 2px rgba(100, 116, 139, 0.2);
}

.iqhs_dns_form_input::placeholder {
    color: #94a3b8;
    opacity: 0.7;
}

/* Przyciski akcji formularza */
.iqhs_form_actions {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

/* Responsywność */
@media (max-width: 768px) {
    .iqhs_domain_info_grid,
    .iqhs_domain_addons {
        flex-direction: column;
    }
    
    .iqhs_domain_custom_field {
        flex-direction: column;
    }
    
    .iqhs_domain_custom_label,
    .iqhs_domain_custom_value {
        width: 100%;
    }
    
    .iqhs_domain_custom_label {
        margin-bottom: 5px;
    }
    
    .iqhs_dns_form_grid {
        flex-direction: column;
    }
}

/* Styl dla strony transferu domeny */

/* Specyficzny pasek postępu dla domeny */
.iqhs_progress_fill_domain {
    width: 33%; /* Pierwszy krok */
}

/* Opis domeny */
.iqhs_domain_description {
    text-align: center;
    color: #64748b;
    margin-bottom: 30px;
    font-size: 15px;
}

/* Formularz transferu domeny */
.iqhs_domain_transfer_form {
    margin-bottom: 30px;
}

/* Karta domeny */
.iqhs_domain_card {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    background-color: white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    margin-bottom: 25px;
}

.iqhs_domain_card_header {
    padding: 20px;
    border-bottom: 1px solid #e2e8f0;
    background-color: #f8fafc;
}

.iqhs_domain_card_title {
    font-size: 18px;
    font-weight: 600;
    color: #334155;
    margin: 0;
}

.iqhs_domain_card_body {
    padding: 25px;
}

.iqhs_domain_card_footer {
    padding: 20px;
    border-top: 1px solid #e2e8f0;
    background-color: #f8fafc;
    text-align: right;
}

/* Etykieta z kodem autoryzacji i ikoną pomocy */
.iqhs_auth_code_label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.iqhs_form_help {
    color: #0056b3;
    text-decoration: none;
    font-size: 14px;
}

.iqhs_form_help:hover {
    text-decoration: underline;
    color: #004494;
}

/* Styl dla alertów w transferze */
.iqhs_alert_warning {
    background-color: #fff8f5;
    border: 1px solid #ffedd5;
    color: #9a3412;
    padding: 12px 15px;
    border-radius: 8px;
    margin: 15px 0;
    text-align: center;
    font-size: 14px;
}

/* CAPTCHA */
.iqhs_captcha_container {
    margin: 20px 0;
}

.iqhs_default_captcha {
    text-align: center;
}

.iqhs_captcha_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 10px;
}

.iqhs_captcha_input {
    max-width: 120px;
}

.iqhs_recaptcha_container {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

/* Przycisk transferu */
.iqhs_transfer_button {
    background-color: #ff6600;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 12px 25px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
}

.iqhs_transfer_button:hover {
    background-color: #e55c00;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.iqhs_transfer_button .loader {
    margin-right: 8px;
}

/* Tekst z gwiazdką */
.iqhs_domain_note {
    text-align: center;
    color: #64748b;
    font-size: 13px;
    margin: 20px 0 30px;
}

/* Informacje o transferze w prawej kolumnie */
.iqhs_transfer_info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.iqhs_transfer_info_item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.iqhs_transfer_info_icon {
    font-size: 18px;
    color: #0056b3;
    background-color: #eff6ff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.iqhs_transfer_info_text {
    flex: 1;
}

.iqhs_transfer_info_title {
    font-size: 16px;
    font-weight: 600;
    color: #334155;
    margin: 0 0 5px;
}

.iqhs_transfer_info_desc {
    color: #64748b;
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
}

/* Responsywność */
@media (max-width: 768px) {
    .iqhs_domain_card_footer {
        text-align: center;
    }
    
    .iqhs_transfer_button {
        width: 100%;
        justify-content: center;
    }
}
.iqhs_form_input {
    width: 100%;
    padding: 12px 15px; /* Usunięto left padding, który był dla ikony */
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 15px;
    background-color: #f8fafc;
    color: #334155;
}
/* Całkowicie przepracowane style formularza, aby rozwiązać problem nakładania się */
.iqhs_form_group {
    position: relative;
    margin-bottom: 25px;
    clear: both;
}

.iqhs_form_label {
    display: block;
    position: static; 
    margin-bottom: 10px;
    font-weight: 500;
    color: #334155;
    font-size: 15px;
}

.iqhs_form_input {
    display: block;
    width: 100%;
    height: auto;
    padding: 12px 15px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 15px;
    background-color: #f8fafc;
    color: #334155;
    line-height: 1.5;
}

.iqhs_form_input::placeholder {
    color: #94a3b8;
    opacity: 0.7;
}

/* Wyraźne odseparowanie etykiety od pola */
label[for="inputTransferDomain"] {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    clear: both;
}

#inputTransferDomain, #inputAuthCode {
    position: relative;
    z-index: 1;
    background-color: #f8fafc;
}

/* Poprawka dla etykiety kodu autoryzacji */
.iqhs_auth_code_label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
    position: static;
}

/* Usunięcie wszelkich pozostałych stylów, które mogą powodować konflikt */
.iqhs_domain_card input[type="text"] {
    text-indent: 0;
    padding-left: 15px;
}

/* Styles dla products.tpl - wersja podstawowa bez trybu ciemnego */

/* Zmienne kolorów */
:root {
    --primary-color: #0056b3;
    --primary-color-rgb: 0, 86, 179;
    --secondary-color: #ff6600;
    --secondary-color-rgb: 255, 102, 0;
    --accent-color: #10b981;
    --text-color: #334155;
    --text-light: #64748b;
    --bg-light: #f8fafc;
    --bg-white: #ffffff;
    --border-color: #e2e8f0;
    --card-bg: #ffffff;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.08);
    --shadow-lg: 0 10px 15px rgba(0,0,0,0.1);
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    --badge-bg: #ff6600;
    --button-text: #ffffff;
}

/* Globalne style */
.iqhs_main_wrapper {
    background-color: var(--bg-light);
    min-height: 100vh;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: var(--text-color);
    transition: var(--transition);
}

.iqhs_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Hero Section */
.iqhs_hero_section {
    background: linear-gradient(135deg, var(--primary-color) 0%, #1a365d 100%);
    color: white;
    padding: 60px 20px;
    text-align: center;
    margin-bottom: 40px;
}

.iqhs_hero_content {
    max-width: 800px;
    margin: 0 auto;
}

.iqhs_hero_title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 16px;
    letter-spacing: -0.5px;
}

.iqhs_hero_subtitle {
    font-size: 18px;
    margin-bottom: 24px;
    opacity: 0.9;
}

.iqhs_hero_benefits {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}

.iqhs_benefit {
    display: inline-flex;
    align-items: center;
    font-size: 15px;
    gap: 8px;
}

.iqhs_benefit i {
    color: var(--accent-color);
}

/* Filter Bar */
.iqhs_filter_bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.iqhs_section_title {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-color);
    margin: 0;
}

/* Ukrycie kategorii mobilnych na dużych ekranach */
.iqhs_mobile_categories {
    display: none;
}

/* Pełna szerokość dla lewej kolumny */
.iqhs_left_column_full {
    flex: 1;
    width: 100%;
    max-width: 100%;
}

/* Alerty i komunikaty */
.iqhs_alert {
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 20px;
    text-align: center;
}
.iqhs_alert_error {
    background-color: #fee2e2;
    border: 1px solid #fecaca;
    color: #b91c1c;
}
.iqhs_alert_info {
    background-color: #eff6ff;
    border: 1px solid #dbeafe;
    color: #1e40af;
}

/* Grid produktów */
.iqhs_products_grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 25px;
    margin-top: 30px;
    margin-bottom: 60px;
}

/* Produkt */
.iqhs_product_item {
    position: relative;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    background-color: var(--card-bg);
    overflow: hidden;
    transition: var(--transition);
    display: flex;
    height: 100%;
    box-shadow: var(--shadow-sm);
    transform: translateY(0);
    opacity: 0;
    animation: fadeIn 0.5s ease-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.iqhs_product_item.animate {
    opacity: 1;
    transform: translateY(0);
}

.iqhs_product_item:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-md);
    border-color: var(--primary-color);
}

/* Podświetlony produkt */
.iqhs_product_highlighted {
    border: 2px solid var(--secondary-color);
    box-shadow: var(--shadow-md);
    transform: scale(1.03);
}

.iqhs_product_highlighted:hover {
    transform: translateY(-5px) scale(1.03);
}

.iqhs_product_badge {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--badge-bg);
    color: white;
    padding: 6px 15px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 0 12px 0 12px;
    z-index: 5;
}

/* Nagłówek produktu */
.iqhs_product_header {
    padding: 20px;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.iqhs_product_title {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-color);
}

.iqhs_product_stock {
    background-color: rgba(16, 185, 129, 0.1);
    color: var(--accent-color);
    font-size: 12px;
    font-weight: 500;
    padding: 4px 8px;
    border-radius: 15px;
}

/* Price Tag */
.iqhs_product_price_tag {
    text-align: center;
    padding: 16px;
    background-color: rgba(var(--primary-color-rgb), 0.05);
    border-bottom: 1px solid var(--border-color);
}

.iqhs_price_amount {
    font-size: 28px;
    font-weight: 700;
    color: var(--text-color);
}

.iqhs_price_cycle {
    font-size: 14px;
    color: var(--text-light);
}

/* Treść produktu */
.iqhs_product_body {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.iqhs_product_description {
    color: var(--text-light);
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.6;
}

.iqhs_product_features {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    flex: 1;
}

.iqhs_product_feature {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
    color: var(--text-light);
    font-size: 14px;
    line-height: 1.5;
}

.iqhs_product_checkicon {
    margin-right: 10px;
    flex-shrink: 0;
    margin-top: 3px;
}

.iqhs_feature_text {
    line-height: 1.4;
}

.iqhs_feature_value {
    font-weight: 600;
    color: var(--text-color);
    margin-right: 5px;
}

/* Stopka produktu */
.iqhs_product_footer {
    padding: 20px;
    border-top: 1px solid var(--border-color);
    background-color: rgba(var(--primary-color-rgb), 0.02);
}

/* Poprawiony przycisk zamówienia */
.iqhs_order_button {
    display: block;
    width: 100%;
    background-color: var(--secondary-color);
    color: white !important;
    border: none;
    border-radius: var(--radius-sm);
    padding: 12px;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: var(--transition);
    text-align: center;
    box-shadow: 0 2px 5px rgba(var(--secondary-color-rgb), 0.3);
}

.iqhs_order_button:hover {
    background-color: #e55c00;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(var(--secondary-color-rgb), 0.4);
    text-decoration: none;
    color: white !important;
}

.iqhs_order_button i {
    margin-right: 8px;
}

/* Benefits Section */
.iqhs_why_us_section {
    padding: 60px 0;
    background-color: var(--bg-white);
    border-radius: var(--radius-lg);
    margin-bottom: 60px;
    box-shadow: var(--shadow-sm);
}

.iqhs_benefits_grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 30px;
    margin-top: 30px;
}

.iqhs_benefit_item {
    text-align: center;
    padding: 25px;
    border-radius: var(--radius-md);
    background-color: var(--card-bg);
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
    border: 1px solid var(--border-color);
    opacity: 0;
    transform: translateY(20px);
}

.iqhs_benefit_item.animate {
    animation: fadeIn 0.5s ease-out forwards;
    animation-delay: calc(var(--animation-order) * 0.1s);
}

.iqhs_benefit_item:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-md);
}

.iqhs_benefit_icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: rgba(var(--primary-color-rgb), 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
}

.iqhs_benefit_icon i {
    font-size: 24px;
    color: var(--primary-color);
}

.iqhs_benefit_title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--text-color);
}

.iqhs_benefit_desc {
    font-size: 14px;
    color: var(--text-light);
    line-height: 1.5;
}

/* FAQ Section */
.iqhs_faq_section {
    padding: 40px 0 60px;
    max-width: 800px;
    margin: 0 auto;
}

.iqhs_accordion {
    margin-top: 30px;
}

.iqhs_accordion_item {
    margin-bottom: 15px;
    border-radius: var(--radius-md);
    background-color: var(--card-bg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    opacity: 0;
    transform: translateY(20px);
}

.iqhs_accordion_item.animate {
    animation: fadeIn 0.5s ease-out forwards;
    animation-delay: calc(var(--animation-order) * 0.1s);
}

.iqhs_accordion_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-weight: 600;
    color: var(--text-color);
    transition: var(--transition);
}

.iqhs_accordion_header:hover {
    background-color: rgba(var(--primary-color-rgb), 0.05);
}

.iqhs_accordion_header i {
    transition: var(--transition);
}

.iqhs_accordion_item.active .iqhs_accordion_header i {
    transform: rotate(180deg);
}

.iqhs_accordion_content {
    padding: 0 20px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.iqhs_accordion_content p {
    padding: 0 0 15px;
    color: var(--text-light);
    line-height: 1.6;
}

/* CTA Section */
.iqhs_cta_section {
    background: linear-gradient(135deg, var(--primary-color) 0%, #1a365d 100%);
    padding: 60px 20px;
    text-align: center;
    border-radius: var(--radius-lg);
    margin: 60px 0;
    color: white;
}

.iqhs_cta_title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
}

.iqhs_cta_subtitle {
    font-size: 16px;
    margin-bottom: 30px;
    opacity: 0.9;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.iqhs_cta_button {
    display: inline-block;
    background-color: white;
    color: var(--primary-color) !important;
    border: none;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 600;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    text-decoration: none;
}

.iqhs_cta_button:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

/* Ukrycie standardowego nagłówka WHMCS */
#order-standard_cart .header-lined {
    display: none;
}

/* Responsywność */
@media (max-width: 991px) {
    .iqhs_products_grid,
    .iqhs_benefits_grid {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    }
    
    .iqhs_hero_title {
        font-size: 30px;
    }
}

@media (max-width: 768px) {
    .iqhs_filter_bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
    .iqhs_hero_title {
        font-size: 26px;
    }
    
    .iqhs_hero_subtitle {
        font-size: 16px;
    }
    
    .iqhs_products_grid {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    }
    
    .iqhs_benefits_grid {
        grid-template-columns: 1fr;
    }
    
    .iqhs_cta_section {
        padding: 40px 20px;
    }
    
    .iqhs_cta_title {
        font-size: 24px;
    }
}

@media (max-width: 480px) {
    .iqhs_products_grid {
        grid-template-columns: 1fr;
    }
    
    .iqhs_hero_benefits {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }
}

.iqhs_product_item_store {
    flex-direction: column;
    position: relative;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    background-color: var(--card-bg);
    overflow: hidden;
    transition: var(--transition);
    display: flex;
    height: 100%;
    box-shadow: var(--shadow-sm);
    transform: translateY(0);
    opacity: 0;
    animation: fadeIn 0.5s ease-out forwards;
        display: flex;
    align-items: center;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 10px;
}

.iqhs_product_item_store.animate {
    opacity: 1;
    transform: translateY(0);
}

.iqhs_product_item_store:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-md);
    border-color: var(--primary-color);
}
/* ============================================
   IQHOST.PL DESIGN SYSTEM OVERRIDE
   Dodane 2026-02-11 - dopasowanie koszyka do iqhost.pl
   Rollback: git checkout 078f303 -- css/custom.css
   ============================================ */

/* --- Fonty z iqhost.pl --- */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Fira+Code:wght@400;500;600;700&display=swap');

/* --- Ukrycie WHMCS chrome (sidebar, header) na stronach koszyka --- */
#header {
    display: none !important;
}
.sidebar.sidebar-left {
    display: none !important;
}
#container {
    padding-left: 0 !important;
    margin-left: 0 !important;
}
#container.sidebar-mini {
    padding-left: 0 !important;
}
.main-content-wrapper {
    margin-left: 0 !important;
    padding-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* --- Mini header z logo IQHost zamiast sidebara --- */
.iqhs_main_wrapper::before {
    content: '';
    display: block;
    width: 100%;
    height: 60px;
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-image: url('https://dev.iqhost.pl/assets/images/logo-full-iqhost-color-dark.png');
    background-repeat: no-repeat;
    background-position: 30px center;
    background-size: auto 32px;
}
.iqhs_main_wrapper {
    padding-top: 80px !important;
}

/* --- Fonty nagłówków: Outfit (jak na iqhost.pl) --- */
.iqhs_heading,
.iqhs_billing_heading,
.iqhs_summary_title,
.iqhs_promo_heading,
.iqhs_tax_heading,
.iqhs_section_title_text,
.iqhs_upsell_title,
.iqhs_modal_title {
    font-family: 'Outfit', 'Inter', sans-serif !important;
    font-weight: 700;
}

/* --- Fonty cen: Fira Code (jak na iqhost.pl) --- */
.iqhs_billing_price,
.iqhs_product_price,
.iqhs_addon_price,
.iqhs_domain_price,
.iqhs_renewal_price,
.iqhs_upgrade_price,
.iqhs_upsell_price,
.iqhs_summary_total_value,
.iqhs_summary_value,
.iqhs_summary_tax_value,
#producttotal .amt,
#producttotal span.pull-right,
#producttotal div.total-due-today span.amt {
    font-family: 'Fira Code', 'Inter', monospace !important;
}

/* --- Border-radius dopasowany do iqhost.pl (14px) --- */
.iqhs_left_column,
.iqhs_summary_box,
.iqhs_modal_content {
    border-radius: 14px;
}
.iqhs_product_card,
.iqhs_billing_option,
.iqhs_continue_button,
.iqhs_checkout_button,
.iqhs_continue_shopping,
.iqhs_promo_button,
.iqhs_form_input,
.iqhs_form_select,
.iqhs_form_textarea,
.iqhs_tax_input,
.iqhs_tax_select,
.iqhs_payment_method,
.iqhs_modal_btn {
    border-radius: 10px;
}

/* --- Przycisk CTA (Kontynuuj / Przejdź do kasy) dopasowany do iqhost.pl --- */
.iqhs_continue_button,
.iqhs_checkout_button {
    background: linear-gradient(135deg, #ff6600 0%, #ff8533 100%);
    color: white;
    font-weight: 600;
    font-family: 'Outfit', 'Inter', sans-serif !important;
    font-size: 16px;
    padding: 14px 28px;
    border: none;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(255, 102, 0, 0.3);
}
.iqhs_continue_button:hover,
.iqhs_checkout_button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 102, 0, 0.4);
    background: linear-gradient(135deg, #e55c00 0%, #ff6600 100%);
}

/* --- Link "Kontynuuj zakupy" dopasowany --- */
.iqhs_continue_shopping {
    color: #0056b3;
    border-color: #0056b3;
    font-family: 'Outfit', 'Inter', sans-serif !important;
    font-weight: 500;
}
.iqhs_continue_shopping:hover {
    background-color: #f0f5fa;
    color: #004494;
    border-color: #004494;
}

/* --- Billing option selected - lepszy visual --- */
.iqhs_billing_option.selected {
    border-color: #0056b3;
    background-color: #f0f7ff;
    box-shadow: 0 0 0 1px #0056b3;
}
.iqhs_billing_option:hover:not(.selected) {
    border-color: #94a3b8;
    background-color: #f8fafc;
}

/* --- Lepszy shadow na kartach --- */
.iqhs_left_column,
.iqhs_summary_box {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

/* --- Focus states dopasowane do blue --- */
.iqhs_form_input:focus,
.iqhs_form_select:focus,
.iqhs_form_textarea:focus,
.iqhs_promo_input:focus,
.iqhs_tax_input:focus,
.iqhs_tax_select:focus {
    border-color: #0056b3 !important;
    box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.1);
    outline: none;
}

/* --- Footer WHMCS - minimalistyczny na cart pages --- */
#footer.panel-solid-default {
    background: #f8fafc !important;
    border: none !important;
    border-top: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
}
#footer.panel-solid-default .panel-body {
    background: transparent !important;
    color: #94a3b8;
    font-size: 13px;
    padding: 20px 40px !important;
    font-family: "Inter", sans-serif;
}
#footer .footer-text {
    color: #94a3b8 !important;
}
#footer a {
    color: #64748b !important;
    text-decoration: none;
}
#footer a:hover {
    color: #0056b3 !important;
}

/* --- Responsive: na mobile ukryj pseudo-header i dostosuj padding --- */
@media (max-width: 768px) {
    .iqhs_main_wrapper::before {
        background-position: center center;
        height: 50px;
    }
    .iqhs_main_wrapper {
        padding-top: 70px !important;
        padding-left: 10px;
        padding-right: 10px;
    }
    .iqhs_left_column {
        padding: 20px;
    }
    .iqhs_right_column {
        width: 100%;
    }
}

/* ============================================
   CART HEADER - prawdziwy HTML header
   Zastępuje ::before pseudo-element
   ============================================ */

/* Wyłącz stary pseudo-element */
.iqhs_main_wrapper::before {
    display: none !important;
}

/* Nowy header */
.iqhs_cart_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    z-index: 1000;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}
.iqhs_cart_header_inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}
.iqhs_cart_logo_link {
    display: flex;
    align-items: center;
    text-decoration: none;
}
.iqhs_cart_logo_img {
    height: 32px;
    width: auto;
}
.iqhs_cart_header_nav {
    display: flex;
    align-items: center;
    gap: 20px;
}
.iqhs_cart_header_link {
    color: #64748b;
    text-decoration: none;
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: color 0.2s ease;
}
.iqhs_cart_header_link:hover {
    color: #0056b3;
    text-decoration: none;
}
a.iqhs_cart_header_btn_login,
a.iqhs_cart_header_btn_login:link,
a.iqhs_cart_header_btn_login:visited,
a.iqhs_cart_header_btn_login:active {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    background-color: #0056b3;
    color: #ffffff !important;
    border-radius: 8px;
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}
.iqhs_cart_header_btn_login:hover {
    background-color: #004494;
    color: #ffffff !important;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 86, 179, 0.3);
}

/* Responsive */
@media (max-width: 768px) {
    .iqhs_cart_header_inner {
        padding: 0 15px;
    }
    .iqhs_cart_header_link span {
        display: none;
    }
    a.iqhs_cart_header_btn_login,
a.iqhs_cart_header_btn_login:link,
a.iqhs_cart_header_btn_login:visited,
a.iqhs_cart_header_btn_login:active {
        padding: 6px 12px;
        font-size: 13px;
    }
}


/* ══════════════════════════════════════════════════════════
   Standard Cart fallback pages (domain-renewals, service-renewals, addons)
   Match iqhost cart design: centered, white cards, shadows
   ══════════════════════════════════════════════════════════ */

/* --- Layout: center + fixed header spacing --- */
body.off-canvas #order-standard_cart {
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 20px 40px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* --- Hide the standard_cart left sidebar (categories) --- */
body.off-canvas #order-standard_cart > .row > .cart-sidebar {
    display: none !important;
}

/* --- Cart body: take full width --- */
body.off-canvas #order-standard_cart .cart-body {
    width: 100%;
    float: none;
    padding: 0;
}

/* --- Two-column layout: left content + right summary --- */
body.off-canvas #order-standard_cart .cart-body > .row {
    display: flex;
    gap: 24px;
    margin: 0;
}

/* --- Left column: white card --- */
body.off-canvas .secondary-cart-body {
    flex: 1;
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    padding: 32px;
    min-height: 200px;
}

/* --- Right column: order summary --- */
body.off-canvas .secondary-cart-sidebar {
    flex: 0 0 340px;
    max-width: 340px;
    position: sticky;
    top: 80px;
    align-self: flex-start;
}

/* --- Order summary card --- */
body.off-canvas .order-summary {
    background: #ffffff !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
    padding: 28px 24px !important;
    border: none !important;
}

body.off-canvas .order-summary h2 {
    font-family: 'Outfit', 'Inter', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin: 0 0 20px !important;
    padding: 0 0 16px !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

body.off-canvas .order-summary .summary-container {
    font-size: 14px;
    color: #475569;
}

body.off-canvas .order-summary .summary-totals .clearfix {
    padding: 6px 0;
    font-size: 14px;
    color: #475569;
}

body.off-canvas .order-summary .total-due-today {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e2e8f0;
    text-align: left;
}

body.off-canvas .order-summary .total-due-today .amt {
    font-family: 'Outfit', 'Inter', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #1e293b;
    display: block;
    margin-bottom: 4px;
}

body.off-canvas .order-summary .total-due-today span:last-child {
    font-size: 13px;
    color: #64748b;
}

/* --- "Zobacz koszyk" / CTA button: orange like cart --- */
body.off-canvas #order-standard_cart .btn-primary,
body.off-canvas #order-standard_cart #btnGoToCart {
    background: linear-gradient(135deg, #ff8c00 0%, #ff6600 100%) !important;
    border: none !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding: 14px 28px !important;
    width: 100% !important;
    margin-top: 20px !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease !important;
    box-shadow: 0 4px 12px rgba(255, 102, 0, 0.3) !important;
}

body.off-canvas #order-standard_cart .btn-primary:hover,
body.off-canvas #order-standard_cart #btnGoToCart:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(255, 102, 0, 0.4) !important;
}

/* --- Domain renewal card styling --- */
body.off-canvas .domain-renewal {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 16px;
    transition: border-color 0.15s ease;
}

body.off-canvas .domain-renewal:hover {
    border-color: #cbd5e1;
}

body.off-canvas .domain-renewal h3 {
    font-family: 'Outfit', 'Inter', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin: 0 0 6px !important;
}

body.off-canvas .domain-renewal p {
    color: #64748b;
    font-size: 14px;
    margin: 0;
}

/* --- Badge/label styling --- */
body.off-canvas .domain-renewal .label {
    font-size: 12px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 20px;
    letter-spacing: 0.01em;
}

body.off-canvas .domain-renewal .label-info {
    background: #eff6ff;
    color: #2563eb;
    border: 1px solid #bfdbfe;
}

body.off-canvas .domain-renewal .label-success {
    background: #f0fdf4;
    color: #16a34a;
    border: 1px solid #bbf7d0;
}

body.off-canvas .domain-renewal .label-warning {
    background: #fffbeb;
    color: #d97706;
    border: 1px solid #fde68a;
}

body.off-canvas .domain-renewal .label-danger {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

/* --- Renewal select/form --- */
body.off-canvas .domain-renewal .form-control {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 14px;
    color: #334155;
    transition: border-color 0.15s ease;
}

body.off-canvas .domain-renewal .form-control:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
    outline: none;
}

/* --- Add to cart button --- */
body.off-canvas .btn-add-renewal-to-cart {
    background: #3b82f6 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 8px 20px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    transition: background 0.15s ease !important;
}

body.off-canvas .btn-add-renewal-to-cart:hover {
    background: #2563eb !important;
}

/* --- Header-lined (page title) — show it styled --- */
body.off-canvas #order-standard_cart .header-lined {
    display: block !important;
    border: none !important;
    margin-bottom: 24px;
}

body.off-canvas #order-standard_cart .header-lined h1 {
    font-family: 'Outfit', 'Inter', sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* --- Responsive --- */
@media (max-width: 768px) {
    body.off-canvas #order-standard_cart .cart-body > .row {
        flex-direction: column;
    }
    body.off-canvas .secondary-cart-sidebar {
        flex: 1;
        max-width: 100%;
        position: static;
    }
    body.off-canvas .secondary-cart-body {
        padding: 20px;
    }
}

/* ── Domain renewals: orange CTA button + summary formatting ── */
#btnGoToCart.btn-primary {
    background: linear-gradient(135deg, #ff8c00 0%, #ff6600 100%) !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(255, 102, 0, 0.3) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 14px 28px !important;
}
#btnGoToCart.btn-primary:hover {
    background: linear-gradient(135deg, #ff9500 0%, #ff7700 100%) !important;
    box-shadow: 0 6px 16px rgba(255, 102, 0, 0.4) !important;
    transform: translateY(-1px);
}

/* Summary total formatting */
.iqhs_summary_card .total-due-today {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e2e8f0;
}
.iqhs_summary_card .total-due-today .amt {
    font-family: 'Outfit', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #1e293b;
    display: block;
    margin-bottom: 2px;
}

/* Domain renewal labels/badges */
.iqhs_left_column .label {
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
}
.iqhs_left_column .label-info {
    background: #eff6ff !important;
    color: #2563eb !important;
    border: 1px solid #bfdbfe !important;
}
.iqhs_left_column .label-success {
    background: #f0fdf4 !important;
    color: #16a34a !important;
}
.iqhs_left_column .label-warning {
    background: #fffbeb !important;
    color: #d97706 !important;
}
.iqhs_left_column .label-danger {
    background: #fef2f2 !important;
    color: #dc2626 !important;
}


/* ══ Dark mode toggle button ══ */
.iqhs_dark_toggle {
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #64748b;
    font-size: 16px;
    padding: 0;
    margin-right: 8px;
}
.iqhs_dark_toggle:hover {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.15);
}
/* Show moon by default (light mode), hide sun */
.iqhs_icon_sun { display: none; }
.iqhs_icon_moon { display: inline; }
/* In dark mode: show sun, hide moon */
html[data-theme="dark"] .iqhs_icon_sun { display: inline; color: #fbbf24; }
html[data-theme="dark"] .iqhs_icon_moon { display: none; }
html[data-theme="dark"] .iqhs_dark_toggle {
    border-color: rgba(255, 255, 255, 0.15);
    color: #fbbf24;
}
html[data-theme="dark"] .iqhs_dark_toggle:hover {
    background: rgba(255, 255, 255, 0.08);
}

/* ══════════════════════════════════════════════════════════════
   DARK MODE — html[data-theme="dark"] + @media fallback
   Spójny z dev.iqhost.pl dark mode
   ══════════════════════════════════════════════════════════════ */

/* ── Page background ── */
html[data-theme="dark"] body,
html[data-theme="dark"] body.off-canvas,
html[data-theme="dark"] #container {
    background: #121212 !important;
    color: #e0e0e0 !important;
}

/* ── Main wrapper ── */
html[data-theme="dark"] .iqhs_main_wrapper {
    background: #121212 !important;
}
html[data-theme="dark"] .iqhs_main_wrapper::before {
    background: linear-gradient(135deg, #0a1525 0%, #1a1a2e 100%) !important;
}
html[data-theme="dark"] .iqhs_container {
    background: transparent !important;
}

/* ── IQHost cart header ── */
html[data-theme="dark"] .iqhs_cart_header {
    background: #1a1a2e !important;
    border-bottom: 1px solid #2a2a2a !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}
html[data-theme="dark"] .iqhs_cart_header_nav a {
    color: #e0e6ed !important;
}
html[data-theme="dark"] .iqhs_cart_header_btn_login {
    background: #0056b3 !important;
    color: #fff !important;
}

/* ── Left column (white cards → dark cards) ── */
html[data-theme="dark"] .iqhs_left_column,
html[data-theme="dark"] .iqhs_cart_content,
html[data-theme="dark"] .secondary-cart-body,
html[data-theme="dark"] .iqhs_step_card,
html[data-theme="dark"] .cart-body {
    background: #1e1e1e !important;
    border-color: #2a2a2a !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2) !important;
}

/* ── Right column / summary card ── */
html[data-theme="dark"] .iqhs_right_column .iqhs_summary_card,
html[data-theme="dark"] .iqhs_right_column .iqhs_summary_box,
html[data-theme="dark"] .iqhs_summary_card,
html[data-theme="dark"] .iqhs_summary_box,
html[data-theme="dark"] .secondary-cart-sidebar,
html[data-theme="dark"] .cart-sidebar,
html[data-theme="dark"] #orderSummary {
    background: #1e1e1e !important;
    border-color: #2a2a2a !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2) !important;
    color: #e0e0e0 !important;
}
html[data-theme="dark"] .iqhs_summary_box *,
html[data-theme="dark"] .iqhs_summary_card * {
    color: inherit !important;
}
html[data-theme="dark"] .iqhs_summary_box .summary-total,
html[data-theme="dark"] .iqhs_summary_card .summary-total,
html[data-theme="dark"] .iqhs_summary_box strong,
html[data-theme="dark"] .iqhs_summary_card strong {
    color: #fff !important;
}
/* Kontynuuj zakupy outline button in dark mode */
html[data-theme="dark"] .iqhs_summary_box .btn-default,
html[data-theme="dark"] .iqhs_summary_card .btn-default,
html[data-theme="dark"] .iqhs_summary_box a[style*="border"],
html[data-theme="dark"] .iqhs_right_column a.iqhs_continue_btn {
    background: transparent !important;
    border-color: #3d9aff !important;
    color: #3d9aff !important;
}

/* ── Text colors ── */
html[data-theme="dark"] .iqhs_heading,
html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3, html[data-theme="dark"] h4, html[data-theme="dark"] h5, html[data-theme="dark"] h6,
html[data-theme="dark"] .header-lined h1,
html[data-theme="dark"] .iqhs_left_column h2,
html[data-theme="dark"] .iqhs_left_column h3 {
    color: #e4e4e4 !important;
}
html[data-theme="dark"] p, html[data-theme="dark"] span, html[data-theme="dark"] label, html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .iqhs_left_column p,
html[data-theme="dark"] .iqhs_summary_card .summary-label {
    color: #adb5bd !important;
}

/* ── Domain renewal cards ── */
html[data-theme="dark"] .iqhs_left_column > div[style],
html[data-theme="dark"] .iqhs_left_column > div > div[style],
html[data-theme="dark"] .domain-renewal,
html[data-theme="dark"] .iqhs_main_wrapper div[style*="border"][style*="border-radius"] {
    background: #252525 !important;
    border-color: #333 !important;
}
html[data-theme="dark"] .iqhs_left_column h3 {
    color: #e4e4e4 !important;
}

/* ── Summary values ── */
html[data-theme="dark"] .iqhs_summary_card .summary-value,
html[data-theme="dark"] .iqhs_summary_card .amt,
html[data-theme="dark"] .total-due-today .amt {
    color: #fff !important;
}
html[data-theme="dark"] .iqhs_summary_card .total-due-today {
    border-top-color: #333 !important;
}

/* ── Badges ── */
html[data-theme="dark"] .label-info,
html[data-theme="dark"] .iqhs_left_column .label-info {
    background: rgba(37, 99, 235, 0.15) !important;
    color: #60a5fa !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
}
html[data-theme="dark"] .label-success {
    background: rgba(16, 185, 129, 0.15) !important;
    color: #34d399 !important;
}
html[data-theme="dark"] .label-danger {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #f87171 !important;
}

/* ── Buttons ── */
html[data-theme="dark"] .btn-primary {
    background: #0056b3 !important;
    border-color: #0056b3 !important;
}
html[data-theme="dark"] #btnGoToCart.btn-primary {
    background: linear-gradient(135deg, #ff8c00 0%, #ff6600 100%) !important;
}

/* ── Links ── */
html[data-theme="dark"] a {
    color: #3d9aff !important;
}
html[data-theme="dark"] a:hover {
    color: #60b0ff !important;
}

/* ── Progress bar ── */
html[data-theme="dark"] .iqhs_progress_bg {
    background: #333 !important;
}
html[data-theme="dark"] .iqhs_progress_fill {
    background: linear-gradient(90deg, #0056b3, #3d9aff) !important;
}
html[data-theme="dark"] .iqhs_inactive_circle {
    background: #333 !important;
    border-color: #444 !important;
    color: #888 !important;
}
html[data-theme="dark"] .iqhs_inactive_label {
    color: #666 !important;
}
html[data-theme="dark"] .iqhs_completed_circle {
    background: #10b981 !important;
}

/* ── Stepper / progress ── */
html[data-theme="dark"] .iqhs_steps_container,
html[data-theme="dark"] .iqhs_step_indicator {
    background: transparent !important;
}
html[data-theme="dark"] .iqhs_step_label,
html[data-theme="dark"] .iqhs_step_number {
    color: #adb5bd !important;
}
html[data-theme="dark"] .iqhs_step_active .iqhs_step_label {
    color: #3d9aff !important;
}

/* ── Cart items ── */
html[data-theme="dark"] .iqhs_cart_item,
html[data-theme="dark"] .iqhs_product_item,
html[data-theme="dark"] .iqhs_bg_white,
html[data-theme="dark"] .cart-item-row {
    background: #252525 !important;
    border-color: #333 !important;
}
html[data-theme="dark"] .iqhs_product_item .iqhs_product_name,
html[data-theme="dark"] .iqhs_product_item .iqhs_product_price {
    color: #e4e4e4 !important;
}
html[data-theme="dark"] .iqhs_product_item .iqhs_product_detail {
    color: #adb5bd !important;
}
html[data-theme="dark"] .iqhs_item_name,
html[data-theme="dark"] .iqhs_item_price {
    color: #e4e4e4 !important;
}
html[data-theme="dark"] .iqhs_item_detail {
    color: #adb5bd !important;
}

/* ── Promo code section ── */
html[data-theme="dark"] .iqhs_promo_section,
html[data-theme="dark"] .promo-code {
    background: #252525 !important;
    border-color: #333 !important;
}
html[data-theme="dark"] .iqhs_promo_input,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
    background: #2a2a2a !important;
    border-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}
.iqhs_promo_input::placeholder,
html[data-theme="dark"] input::placeholder {
    color: #666 !important;
}

/* ── Tables ── */
html[data-theme="dark"] table, html[data-theme="dark"] .table {
    color: #e0e0e0 !important;
}
html[data-theme="dark"] .table > thead > tr > th {
    border-bottom-color: #333 !important;
    color: #adb5bd !important;
}
html[data-theme="dark"] .table > tbody > tr > td {
    border-top-color: #2a2a2a !important;
}
html[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) {
    background: #1a1a1a !important;
}

/* ── Modals ── */
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .iqhs_modal_content {
    background: #1e1e1e !important;
    border-color: #2a2a2a !important;
}
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer {
    border-color: #2a2a2a !important;
}

/* ── Panels (generic from skin) ── */
html[data-theme="dark"] .panel {
    background: #1e1e1e !important;
    border-color: #2a2a2a !important;
}
html[data-theme="dark"] .panel-heading {
    background: #252525 !important;
    border-color: #2a2a2a !important;
    color: #e4e4e4 !important;
}

/* ── Footer ── */
html[data-theme="dark"] #footer.panel-solid-default {
    background: linear-gradient(180deg, #0a1525 0%, #050b14 100%) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] #footer.panel-solid-default .panel-body {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.4) !important;
}
html[data-theme="dark"] #footer .footer-text {
    color: rgba(255, 255, 255, 0.4) !important;
}
html[data-theme="dark"] #footer a {
    color: rgba(255, 255, 255, 0.5) !important;
}
html[data-theme="dark"] #footer a:hover {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* ── Scrollbar ── */
html[data-theme="dark"] ::-webkit-scrollbar {
    width: 8px;
}
html[data-theme="dark"] ::-webkit-scrollbar-track {
    background: #1a1a1a;
}
html[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 4px;
}

/* ── Product config ── */
html[data-theme="dark"] .iqhs_product_card,
html[data-theme="dark"] .iqhs_domain_card {
    background: #1e1e1e !important;
    border-color: #2a2a2a !important;
}
.iqhs_product_card:hover,
html[data-theme="dark"] .iqhs_domain_card:hover {
    border-color: #3d9aff !important;
}

/* ── Dotted dividers ── */
html[data-theme="dark"] .iqhs_summary_card .summary-row,
html[data-theme="dark"] .iqhs_summary_card > div[style*="border-bottom"] {
    border-color: #333 !important;
}

/* ── Selection / dropdowns ── */
html[data-theme="dark"] .dropdown-menu {
    background: #1e1e1e !important;
    border-color: #2a2a2a !important;
}
html[data-theme="dark"] .dropdown-menu > li > a {
    color: #e0e0e0 !important;
}
html[data-theme="dark"] .dropdown-menu > li > a:hover {
    background: #252525 !important;
}




/* ── Dark mode: billing cycle options ─────────── */
html[data-theme="dark"] .iqhs_billing_option {
    background-color: #1a1d27 !important;
    border-color: #2a2d3a !important;
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .iqhs_billing_option .iqhs_billing_price {
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .iqhs_billing_option .iqhs_billing_cycle {
    color: #94a3b8 !important;
}
html[data-theme="dark"] .iqhs_billing_option.selected {
    background-color: #0f1a2e !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 1px #3b82f6 !important;
}
html[data-theme="dark"] .iqhs_billing_option:hover:not(.selected) {
    border-color: #475569 !important;
    background-color: #1e2130 !important;
}

/* ── Dark mode: help/contact section ──────────── */
html[data-theme="dark"] .iqhs_help_section {
    background-color: rgba(59, 130, 246, 0.08) !important;
    border-left-color: #3b82f6 !important;
}
html[data-theme="dark"] .iqhs_help_text {
    color: #cbd5e1 !important;
}
html[data-theme="dark"] .iqhs_help_icon_wrapper {
    color: #60a5fa !important;
}
html[data-theme="dark"] .iqhs_help_link {
    color: #60a5fa !important;
}

/* ── Dark mode: Domain registration page ─────────── */

/* Spotlight TLD cards (.com, .net etc.) */
html[data-theme="dark"] .iqhs_spotlight_tld,
html[data-theme="dark"] .spotlight-tld {
    background-color: #1a1d27 !important;
    border-color: #2a2d3a !important;
}
html[data-theme="dark"] .iqhs_spotlight_tlds,
html[data-theme="dark"] .spotlight-tlds {
    background-color: transparent !important;
}
html[data-theme="dark"] .iqhs_spotlight_name {
    color: #e2e8f0 !important;
}

/* TLD pricing table */
html[data-theme="dark"] .iqhs_tld_pricing_table,
html[data-theme="dark"] .iqhs_tld_pricing_table.bg-white {
    background-color: #0f1219 !important;
}
html[data-theme="dark"] .iqhs_tld_pricing_header {
    background-color: #1a1d27 !important;
    color: #e2e8f0 !important;
    border-bottom-color: #2a2d3a !important;
}
html[data-theme="dark"] .iqhs_tld_pricing_header .col,
html[data-theme="dark"] .iqhs_tld_pricing_header [class*="col-"] {
    color: #e2e8f0 !important;
}

/* TLD rows — alternate striping */
html[data-theme="dark"] .iqhs_tld_row {
    border-bottom-color: #1e2130 !important;
    color: #cbd5e1 !important;
}
html[data-theme="dark"] .iqhs_tld_row:nth-child(even) {
    background-color: #13151e !important;
}
html[data-theme="dark"] .iqhs_tld_row:nth-child(odd) {
    background-color: transparent !important;
}
html[data-theme="dark"] .iqhs_tld_row .col,
html[data-theme="dark"] .iqhs_tld_row [class*="col-"] {
    color: #cbd5e1 !important;
}
html[data-theme="dark"] .iqhs_tld_row strong {
    color: #e2e8f0 !important;
}

/* Category filter badges */
html[data-theme="dark"] .iqhs_tld_filter.badge-secondary {
    background-color: #1a1d27 !important;
    border-color: #2a2d3a !important;
    color: #94a3b8 !important;
}
html[data-theme="dark"] .iqhs_tld_filter.badge-secondary:hover {
    background-color: #1e2130 !important;
    border-color: #3b82f6 !important;
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .iqhs_tld_filter.badge-success {
    background-color: rgba(16, 185, 129, 0.2) !important;
    color: #6ee7b7 !important;
}

/* Domain search input area */
html[data-theme="dark"] .domain-checker-search-container,
html[data-theme="dark"] .iqhs_domain_search_container {
    background-color: #1a1d27 !important;
    border-color: #2a2d3a !important;
}

/* Promo boxes at bottom (hosting + transfer) */
html[data-theme="dark"] .domain-checker-promo,
html[data-theme="dark"] [class*="domain-promo"] {
    background-color: #1a1d27 !important;
    border-color: #2a2d3a !important;
}

/* ── Dark mode: Domain page fixes (round 2) ──────── */

/* Search input wrapper - white background fix */
html[data-theme="dark"] .iqhs_domain_search_input_wrapper,
html[data-theme="dark"] .input-group-box {
    background-color: #1a1d27 !important;
    border-color: #2a2d3a !important;
    box-shadow: none !important;
}

/* Table header "Domena" column - light bg fix */
html[data-theme="dark"] .iqhs_tld_column {
    background-color: transparent !important;
}

/* Vertical separator between domain name and prices */
html[data-theme="dark"] .iqhs_tld_name {
    text-align: center;
    border-right-color: #2a2d3a !important;
}

/* Any remaining vertical borders in pricing cols */
html[data-theme="dark"] .iqhs_tld_prices,
html[data-theme="dark"] .iqhs_price_item {
    border-color: #2a2d3a !important;
}

/* ── Dark mode: Domain page fixes (round 3) ──────── */

/* Featured TLD cards (.com, .net images) */
html[data-theme="dark"] .iqhs_featured_tld,
html[data-theme="dark"] .featured-tld {
    background-color: #1a1d27 !important;
    border-color: #2a2d3a !important;
}
html[data-theme="dark"] .iqhs_tld_img_container,
html[data-theme="dark"] .img-container {
    background-color: #ffffff !important;
    border-radius: 6px !important;
}

/* Header pricing cells (Nowa cena, Transfer, Odnowienie) */
html[data-theme="dark"] .iqhs_price_cell {
    background-color: #1a1d27 !important;
    color: #94a3b8 !important;
    border-color: #2a2d3a !important;
}

/* ── Dark mode: Domain renewal page ──────────────── */
html[data-theme="dark"] .domain-renewals {
    background-color: transparent !important;
}
html[data-theme="dark"] .domain-renewal {
    background-color: #1a1d27 !important;
    border-color: #2a2d3a !important;
}
html[data-theme="dark"] .domain-renewal h3 {
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .domain-renewal p {
    color: #94a3b8 !important;
}

/* ── Transfer info panel — dark mode fixes (2026-02-14) ── */
html[data-theme="dark"] .iqhs_transfer_info_title {
    color: #e4e4e4 !important;
}
html[data-theme="dark"] .iqhs_transfer_info_desc {
    color: #adb5bd !important;
}
html[data-theme="dark"] .iqhs_transfer_info_icon {
    background-color: rgba(0, 86, 179, 0.2) !important;
    color: #3d9aff !important;
}

/* Right column panel heading in dark mode */
html[data-theme="dark"] .iqhs_right_column .panel-heading,
html[data-theme="dark"] .iqhs_right_column .panel-default > .panel-heading {
    background: #252525 !important;
    border-bottom-color: #333 !important;
    color: #e4e4e4 !important;
}
html[data-theme="dark"] .iqhs_right_column .panel {
    background: #1e1e1e !important;
    border-color: #2a2a2a !important;
}
html[data-theme="dark"] .iqhs_right_column .panel-body {
    color: #adb5bd !important;
}

/* Progress bar inactive labels — more visible */
html[data-theme="dark"] .iqhs_inactive_label {
    color: #888 !important;
}

/* Section card headers (like "Transfer pojedynczej domeny") */
html[data-theme="dark"] .iqhs_section_header,
html[data-theme="dark"] .iqhs_domain_card_header,
html[data-theme="dark"] .domain-input-group {
    background: #252525 !important;
    color: #e4e4e4 !important;
}

/* Form labels */
html[data-theme="dark"] .iqhs_left_column label,
html[data-theme="dark"] .iqhs_form_label {
    color: #ccc !important;
}

/* Form inputs */
html[data-theme="dark"] .iqhs_left_column .form-control,
html[data-theme="dark"] .iqhs_left_column input[type="text"],
html[data-theme="dark"] .iqhs_left_column input[type="email"],
html[data-theme="dark"] .iqhs_left_column select {
    background: #2a2a2a !important;
    border-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

/* Help link */
html[data-theme="dark"] .iqhs_left_column a.iqhs_help_link,
html[data-theme="dark"] .iqhs_left_column .pull-right a {
    color: #3d9aff !important;
}

/* Bottom info box */
html[data-theme="dark"] .iqhs_help_box,
html[data-theme="dark"] .alert-info {
    background: rgba(59, 130, 246, 0.1) !important;
    border-color: rgba(59, 130, 246, 0.25) !important;
    color: #adb5bd !important;
}
html[data-theme="dark"] .iqhs_help_box a {
    color: #3d9aff !important;
}

/* Card footer (with "Dodaj do Koszyka" button) */
html[data-theme="dark"] .iqhs_domain_card_footer {
    background: #252525 !important;
    border-top-color: #333 !important;
}

/* ── Transfer page — comprehensive dark mode fixes (2026-02-14 round 2) ── */

/* Form inputs — explicit override for .iqhs_form_input */
html[data-theme="dark"] .iqhs_form_input,
html[data-theme="dark"] #inputTransferDomain,
html[data-theme="dark"] #inputAuthCode {
    background: #2a2d3a !important;
    border-color: #3a3d4a !important;
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .iqhs_form_input::placeholder,
html[data-theme="dark"] #inputTransferDomain::placeholder,
html[data-theme="dark"] #inputAuthCode::placeholder {
    color: #94a3b8 !important;
    opacity: 0.8 !important;
}

/* Focus state in dark mode */
html[data-theme="dark"] .iqhs_form_input:focus,
html[data-theme="dark"] #inputTransferDomain:focus,
html[data-theme="dark"] #inputAuthCode:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}

/* Card title in dark mode */
html[data-theme="dark"] .iqhs_domain_card_title {
    color: #e2e8f0 !important;
}

/* Card body */
html[data-theme="dark"] .iqhs_domain_card_body {
    background: #1e2030 !important;
}

/* Domain description and note */
html[data-theme="dark"] .iqhs_domain_description,
html[data-theme="dark"] .iqhs_domain_note {
    color: #94a3b8 !important;
}

/* Subheading */
html[data-theme="dark"] .iqhs_subheading {
    color: #cbd5e1 !important;
}

/* Auth code label and help link */
html[data-theme="dark"] .iqhs_auth_code_label label {
    color: #cbd5e1 !important;
}
html[data-theme="dark"] .iqhs_form_help {
    color: #60a5fa !important;
}
html[data-theme="dark"] .iqhs_form_help:hover {
    color: #93bbfd !important;
}

/* Help section at bottom */
html[data-theme="dark"] .iqhs_help_section {
    background: rgba(59, 130, 246, 0.08) !important;
    border: 1px solid rgba(59, 130, 246, 0.2) !important;
    border-radius: 12px !important;
}
html[data-theme="dark"] .iqhs_help_text {
    color: #94a3b8 !important;
}
html[data-theme="dark"] .iqhs_help_link {
    color: #60a5fa !important;
}
html[data-theme="dark"] .iqhs_help_icon {
    color: #60a5fa !important;
}

/* Alert warning in dark mode */
html[data-theme="dark"] .iqhs_alert_warning {
    background: rgba(251, 146, 60, 0.1) !important;
    border-color: rgba(251, 146, 60, 0.25) !important;
    color: #fdba74 !important;
}

/* Transfer button — preserve orange but brighter in dark mode */
html[data-theme="dark"] .iqhs_transfer_button {
    box-shadow: 0 4px 12px rgba(255, 102, 0, 0.4) !important;
}

/* ══════════════════════════════════════════════════════════════
   Dark mode: Configure Domains page (confdomains) — 2026-02-17
   ══════════════════════════════════════════════════════════════ */

/* Domain header bar */
html[data-theme="dark"] .iqhs_domain_header {
    background-color: #1a1d27 !important;
    border-left-color: #3b82f6 !important;
    color: #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}
html[data-theme="dark"] .iqhs_domain_name {
    color: #e2e8f0 !important;
}

/* Domain details card */
html[data-theme="dark"] .iqhs_domain_details {
    background-color: #1e2030 !important;
    border-color: #2a2d3a !important;
}

/* Info labels & values */
html[data-theme="dark"] .iqhs_domain_info_label {
    color: #94a3b8 !important;
}
html[data-theme="dark"] .iqhs_domain_info_value {
    color: #e2e8f0 !important;
}

/* EPP code input inside domain config */
html[data-theme="dark"] .iqhs_domain_details .iqhs_form_input,
html[data-theme="dark"] .iqhs_domain_details input[type="text"] {
    background: #2a2d3a !important;
    border-color: #3a3d4a !important;
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .iqhs_domain_details .iqhs_form_input::placeholder,
html[data-theme="dark"] .iqhs_domain_details input[type="text"]::placeholder {
    color: #94a3b8 !important;
    opacity: 0.8 !important;
}
html[data-theme="dark"] .iqhs_domain_details .iqhs_form_input:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}

/* Form label & icon inside domain config */
html[data-theme="dark"] .iqhs_domain_details .iqhs_form_label {
    color: #cbd5e1 !important;
}
html[data-theme="dark"] .iqhs_domain_details .iqhs_form_icon {
    color: #94a3b8 !important;
}

/* Field help text */
html[data-theme="dark"] .iqhs_field_help {
    color: #64748b !important;
}

/* Custom domain fields (WHOIS, Contact type etc.) */
html[data-theme="dark"] .iqhs_domain_custom_field {
    border-top-color: #2a2d3a !important;
}
html[data-theme="dark"] .iqhs_domain_custom_label {
    color: #94a3b8 !important;
}
html[data-theme="dark"] .iqhs_domain_custom_value {
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .iqhs_domain_custom_value select,
html[data-theme="dark"] .iqhs_domain_custom_value input {
    background: #2a2d3a !important;
    border-color: #3a3d4a !important;
    color: #e2e8f0 !important;
}

/* Domain addons cards */
html[data-theme="dark"] .iqhs_domain_addon {
    background-color: #1a1d27 !important;
    border-color: #2a2d3a !important;
}
html[data-theme="dark"] .iqhs_domain_addon:hover {
    border-color: #3b82f6 !important;
}
html[data-theme="dark"] .iqhs_domain_addon_selected {
    border-color: #3b82f6 !important;
    background-color: #0f1a2e !important;
}
html[data-theme="dark"] .iqhs_domain_addon_header {
    border-bottom-color: #2a2d3a !important;
}
html[data-theme="dark"] .iqhs_domain_addon_name {
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .iqhs_domain_addon_desc {
    color: #94a3b8 !important;
}
html[data-theme="dark"] .iqhs_domain_addon_price {
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .iqhs_domain_addon_add {
    background-color: #13151e !important;
    border-top-color: #2a2d3a !important;
    color: #60a5fa !important;
}
html[data-theme="dark"] .iqhs_domain_addon_selected .iqhs_domain_addon_add {
    background-color: #3b82f6 !important;
    color: #fff !important;
}

/* Nameservers section */
html[data-theme="dark"] .iqhs_nameservers_section .iqhs_section_title {
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .iqhs_nameservers_info {
    color: #94a3b8 !important;
}
html[data-theme="dark"] .iqhs_dns_form_label {
    color: #cbd5e1 !important;
}
html[data-theme="dark"] .iqhs_dns_form_input {
    background: #2a2d3a !important;
    border-color: #3a3d4a !important;
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .iqhs_dns_form_input::placeholder {
    color: #64748b !important;
}
html[data-theme="dark"] .iqhs_dns_form_input:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}

/* ══════════════════════════════════════════════════════════════
   Dark mode: Checkout page — 2026-02-17
   ══════════════════════════════════════════════════════════════ */

/* Section titles (blue left bar) */
html[data-theme="dark"] .iqhs_section_title {
    border-bottom-color: #2a2d3a !important;
}
html[data-theme="dark"] .iqhs_section_title_text {
    color: #e2e8f0 !important;
}

/* Account selection cards */
html[data-theme="dark"] .iqhs_account_select_container .iqhs_account_option {
    background-color: #1a1d27 !important;
    border-color: #2a2d3a !important;
}
html[data-theme="dark"] .iqhs_account_option.active {
    border-color: #3b82f6 !important;
    background-color: #0f1a2e !important;
}
html[data-theme="dark"] .iqhs_account_name {
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .iqhs_account_address {
    color: #94a3b8 !important;
}
html[data-theme="dark"] .iqhs_account_status_active {
    background-color: #3b82f6 !important;
}
html[data-theme="dark"] .iqhs_account_status_closed {
    background-color: #333 !important;
    color: #94a3b8 !important;
}

/* Domain contact info */
html[data-theme="dark"] .iqhs_domain_contact_info {
    color: #94a3b8 !important;
}
html[data-theme="dark"] .iqhs_domain_contact_select select {
    background: #2a2d3a !important;
    border-color: #3a3d4a !important;
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .iqhs_domain_contact_support {
    color: #60a5fa !important;
}
html[data-theme="dark"] .iqhs_domain_registrant {
    border-top-color: #2a2d3a !important;
}

/* Total due banner */
html[data-theme="dark"] .iqhs_total_due {
    background-color: rgba(59, 130, 246, 0.1) !important;
    border-color: rgba(59, 130, 246, 0.25) !important;
    color: #60a5fa !important;
}
html[data-theme="dark"] .iqhs_total_due span {
    color: #93bbfd !important;
}

/* Credit container */
html[data-theme="dark"] .iqhs_credit_container {
    background-color: #1a1d27 !important;
    border-color: #2a2d3a !important;
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .iqhs_credit_balance {
    color: #cbd5e1 !important;
}

/* Payment gateway cards */
html[data-theme="dark"] .iqhs_payment_method_intro {
    color: #94a3b8 !important;
}
html[data-theme="dark"] .iqhs_payment_method {
    background-color: #1a1d27 !important;
    border-color: #2a2d3a !important;
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .iqhs_payment_method:hover {
    border-color: #3b82f6 !important;
}
html[data-theme="dark"] .iqhs_payment_method_name {
    color: #e2e8f0 !important;
}

/* Password tools */
html[data-theme="dark"] .iqhs_generate_password {
    background-color: #1a1d27 !important;
    border-color: #2a2d3a !important;
    color: #94a3b8 !important;
}
html[data-theme="dark"] .iqhs_password_meter {
    background-color: #333 !important;
}
html[data-theme="dark"] .iqhs_password_strength_text {
    color: #94a3b8 !important;
}

/* CVV help */
html[data-theme="dark"] .iqhs_cvv_help {
    background-color: #1a1d27 !important;
    border-color: #2a2d3a !important;
    color: #94a3b8 !important;
}

/* Generic form groups/labels inside checkout */
html[data-theme="dark"] .iqhs_left_column .iqhs_form_group label,
html[data-theme="dark"] .iqhs_left_column .iqhs_form_label,
html[data-theme="dark"] .iqhs_left_column label {
    color: #cbd5e1 !important;
}

/* Select dropdowns (domain contact etc.) */
html[data-theme="dark"] .iqhs_left_column select,
html[data-theme="dark"] .iqhs_left_column .form-control {
    background: #2a2d3a !important;
    border-color: #3a3d4a !important;
    color: #e2e8f0 !important;
}

/* Also catch standard WHMCS form elements that may appear */
html[data-theme="dark"] .iqhs_left_column .well,
html[data-theme="dark"] .iqhs_left_column .panel-body {
    background: #1e2030 !important;
    border-color: #2a2d3a !important;
    color: #e2e8f0 !important;
}

/* Account choice buttons */
html[data-theme="dark"] .iqhs_account_btn {
    color: #e2e8f0 !important;
}

/* Existing login container */
html[data-theme="dark"] .iqhs_existing_login_container {
    background: transparent !important;
}

/* Security question section */
html[data-theme="dark"] .iqhs_security_question label {
    color: #cbd5e1 !important;
}