/**
 * Invoice Info Styles - shadcn/ui Dark Mode Design
 *
 * @package WC_Advanced_Product_Controls
 */

/* ============================================
   Variables (shadcn/ui Dark Mode Palette)
   ============================================ */
:root {
    /* Dark mode as default */
    --wc-apc-border: hsl(217.2 32.6% 17.5%);
    --wc-apc-input: hsl(222.2 84% 4.9%);
    --wc-apc-ring: hsl(217.2 91.2% 59.8%);
    --wc-apc-ring-offset: hsl(222.2 84% 4.9%);
    --wc-apc-foreground: hsl(210 40% 98%);
    --wc-apc-muted-foreground: hsl(215.4 16.3% 56.9%);
    --wc-apc-destructive: hsl(0 62.8% 30.6%);
    --wc-apc-destructive-foreground: hsl(0 0% 98%);
    --wc-apc-radius: 0.5rem;
    --wc-apc-background: hsl(222.2 84% 4.9%);
    --wc-apc-card: hsl(222.2 84% 4.9%);
    --wc-apc-popover: hsl(222.2 84% 4.9%);
    --wc-apc-secondary: hsl(217.2 32.6% 17.5%);
    --wc-apc-accent: hsl(217.2 32.6% 17.5%);
}

/* ============================================
   Fatura Tipi Seçimi (Radio Button Style)
   ============================================ */
.woocommerce-checkout .wc-apc-invoice-type,
.woocommerce-account .wc-apc-invoice-type,
.woocommerce-form-register .wc-apc-invoice-type,
.woocommerce-edit-account .wc-apc-invoice-type {
    margin-bottom: 1.75rem;
    padding: 0;
}

/* Radio Button Container */
.woocommerce-checkout .wc-apc-invoice-type .woocommerce-input-wrapper,
.woocommerce-account .wc-apc-invoice-type .woocommerce-input-wrapper,
.woocommerce-edit-account .wc-apc-invoice-type .woocommerce-input-wrapper {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}

/* Radio Button Styling - Modern Card Design */
.woocommerce-checkout .wc-apc-invoice-type input[type="radio"],
.woocommerce-account .wc-apc-invoice-type input[type="radio"],
.woocommerce-edit-account .wc-apc-invoice-type input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.woocommerce-checkout .wc-apc-invoice-type input[type="radio"] + label,
.woocommerce-account .wc-apc-invoice-type input[type="radio"] + label,
.woocommerce-edit-account .wc-apc-invoice-type input[type="radio"] + label {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-width: 120px;
    padding: 0.875rem 1.5rem;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--wc-apc-foreground);
    background-color: var(--wc-apc-card);
    border: 2px solid var(--wc-apc-border);
    border-radius: var(--wc-apc-radius);
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    position: relative;
    user-select: none;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.woocommerce-checkout .wc-apc-invoice-type input[type="radio"] + label:hover,
.woocommerce-account .wc-apc-invoice-type input[type="radio"] + label:hover,
.woocommerce-edit-account .wc-apc-invoice-type input[type="radio"] + label:hover {
    border-color: var(--wc-apc-ring);
    background-color: hsl(222.2 84% 8%);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
}

.woocommerce-checkout .wc-apc-invoice-type input[type="radio"]:checked + label,
.woocommerce-account .wc-apc-invoice-type input[type="radio"]:checked + label,
.woocommerce-edit-account .wc-apc-invoice-type input[type="radio"]:checked + label {
    background-color: var(--wc-apc-ring);
    border-color: var(--wc-apc-ring);
    color: #ffffff;
    font-weight: 600;
    box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.3), 0 2px 4px -1px rgba(59, 130, 246, 0.2);
    transform: translateY(-1px);
}

/* Account sayfasında aktif sekme için özel arka plan */
.woocommerce-edit-account .wc-apc-invoice-type input[type="radio"]:checked + label,
.woocommerce-account .wc-apc-invoice-type input[type="radio"]:checked + label {
    background-color: #2d3748;
    border-color: #2d3748;
    color: #ffffff;
}

.woocommerce-checkout .wc-apc-invoice-type input[type="radio"]:disabled + label,
.woocommerce-account .wc-apc-invoice-type input[type="radio"]:disabled + label,
.woocommerce-edit-account .wc-apc-invoice-type input[type="radio"]:disabled + label {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: hsl(222.2 84% 4%);
    border-color: hsl(217.2 32.6% 25%);
}

.woocommerce-checkout .wc-apc-invoice-type input[type="radio"]:disabled + label:hover,
.woocommerce-account .wc-apc-invoice-type input[type="radio"]:disabled + label:hover,
.woocommerce-edit-account .wc-apc-invoice-type input[type="radio"]:disabled + label:hover {
    transform: none;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.woocommerce-checkout .wc-apc-invoice-type input[type="radio"]:focus + label,
.woocommerce-account .wc-apc-invoice-type input[type="radio"]:focus + label,
.woocommerce-edit-account .wc-apc-invoice-type input[type="radio"]:focus + label {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2), 0 4px 6px -1px rgba(0, 0, 0, 0.2);
}

/* Dropdown (Select) Styling */
.woocommerce-checkout .wc-apc-invoice-type select,
.woocommerce-account .wc-apc-invoice-type select,
.woocommerce-form-register .wc-apc-invoice-type select,
.woocommerce-edit-account .wc-apc-invoice-type select {
    display: block;
    width: 100%;
    height: 2.5rem;
    padding: 0.5rem 2.5rem 0.5rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--wc-apc-foreground);
    background-color: var(--wc-apc-input);
    border: 1px solid var(--wc-apc-border);
    border-radius: var(--wc-apc-radius);
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a0a0a0' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 12px;
}

.woocommerce-checkout .wc-apc-invoice-type select:hover,
.woocommerce-account .wc-apc-invoice-type select:hover,
.woocommerce-form-register .wc-apc-invoice-type select:hover,
.woocommerce-edit-account .wc-apc-invoice-type select:hover {
    border-color: hsl(217.2 32.6% 30%);
    background-color: hsl(222.2 84% 6%);
}

.woocommerce-checkout .wc-apc-invoice-type select:focus,
.woocommerce-account .wc-apc-invoice-type select:focus,
.woocommerce-form-register .wc-apc-invoice-type select:focus,
.woocommerce-edit-account .wc-apc-invoice-type select:focus {
    outline: none;
    border-color: var(--wc-apc-ring);
    background-color: hsl(222.2 84% 6%);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

.woocommerce-checkout .wc-apc-invoice-type select:disabled,
.woocommerce-account .wc-apc-invoice-type select:disabled,
.woocommerce-form-register .wc-apc-invoice-type select:disabled,
.woocommerce-edit-account .wc-apc-invoice-type select:disabled,
.woocommerce-checkout .wc-apc-invoice-type select.wc-apc-disabled,
.woocommerce-account .wc-apc-invoice-type select.wc-apc-disabled,
.woocommerce-form-register .wc-apc-invoice-type select.wc-apc-disabled,
.woocommerce-edit-account .wc-apc-invoice-type select.wc-apc-disabled {
    cursor: not-allowed;
    opacity: 0.5;
    background-color: hsl(222.2 84% 4%);
}

.woocommerce-checkout .wc-apc-invoice-type select option,
.woocommerce-account .wc-apc-invoice-type select option,
.woocommerce-form-register .wc-apc-invoice-type select option,
.woocommerce-edit-account .wc-apc-invoice-type select option {
    background-color: var(--wc-apc-input);
    color: var(--wc-apc-foreground);
    padding: 0.5rem;
}

.woocommerce-checkout .wc-apc-invoice-type select option:disabled,
.woocommerce-account .wc-apc-invoice-type select option:disabled,
.woocommerce-form-register .wc-apc-invoice-type select option:disabled,
.woocommerce-edit-account .wc-apc-invoice-type select option:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ============================================
   Form Fields Container
   ============================================ */
.wc-apc-invoice-field {
    margin-bottom: 1.25rem;
}

.wc-apc-individual-field,
.wc-apc-corporate-field {
    transition: opacity 0.2s ease, max-height 0.3s ease, transform 0.2s ease;
    animation: fadeIn 0.2s ease;
    /* Başlangıçta gizli - JavaScript toggle edecek */
}

/* Başlangıçta gizli - JavaScript ile gösterilecek */
.wc-apc-individual-field:not([style*="display: block"]):not([style*="display:block"]),
.wc-apc-corporate-field:not([style*="display: block"]):not([style*="display:block"]) {
    display: none;
}

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

.wc-apc-individual-field[style*="display: none"],
.wc-apc-corporate-field[style*="display: none"] {
    display: none !important;
}

/* ============================================
   Input Fields (shadcn/ui Dark Mode style)
   ============================================ */
.woocommerce-checkout .wc-apc-invoice-field input[type="text"],
.woocommerce-checkout .wc-apc-invoice-field input[type="tel"],
.woocommerce-checkout .wc-apc-invoice-field input[type="email"],
.woocommerce-form-register .wc-apc-invoice-field input[type="text"],
.woocommerce-form-register .wc-apc-invoice-field input[type="tel"],
.woocommerce-edit-account .wc-apc-invoice-field input[type="text"],
.woocommerce-edit-account .wc-apc-invoice-field input[type="tel"] {
    display: flex;
    width: 100%;
    height: 2.5rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--wc-apc-foreground);
    background-color: var(--wc-apc-input);
    border: 1px solid var(--wc-apc-border);
    border-radius: var(--wc-apc-radius);
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}

.woocommerce-checkout .wc-apc-invoice-field input::placeholder,
.woocommerce-form-register .wc-apc-invoice-field input::placeholder,
.woocommerce-edit-account .wc-apc-invoice-field input::placeholder {
    color: var(--wc-apc-muted-foreground);
    opacity: 0.7;
}

.woocommerce-checkout .wc-apc-invoice-field input:hover,
.woocommerce-form-register .wc-apc-invoice-field input:hover,
.woocommerce-edit-account .wc-apc-invoice-field input:hover {
    border-color: hsl(217.2 32.6% 30%);
    background-color: hsl(222.2 84% 6%);
}

.woocommerce-checkout .wc-apc-invoice-field input:focus,
.woocommerce-form-register .wc-apc-invoice-field input:focus,
.woocommerce-edit-account .wc-apc-invoice-field input:focus {
    outline: none;
    border-color: var(--wc-apc-ring);
    background-color: hsl(222.2 84% 6%);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

.woocommerce-checkout .wc-apc-invoice-field input:disabled,
.woocommerce-form-register .wc-apc-invoice-field input:disabled,
.woocommerce-edit-account .wc-apc-invoice-field input:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

/* ============================================
   Labels (shadcn/ui style)
   ============================================ */
.woocommerce-checkout .wc-apc-invoice-field label,
.woocommerce-form-register .wc-apc-invoice-field label,
.woocommerce-edit-account .wc-apc-invoice-field label {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    color: var(--wc-apc-foreground);
}

.woocommerce-checkout .wc-apc-invoice-field label .required,
.woocommerce-form-register .wc-apc-invoice-field label .required,
.woocommerce-edit-account .wc-apc-invoice-field label .required {
    color: var(--wc-apc-destructive);
    margin-left: 0.25rem;
}

/* ============================================
   Fieldset Styling (Account Page - Dark Mode)
   ============================================ */
.woocommerce-edit-account fieldset {
    border: 1px solid var(--wc-apc-border);
    border-radius: var(--wc-apc-radius);
    padding: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    background-color: var(--wc-apc-card);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
}

.woocommerce-edit-account fieldset legend {
    font-size: 1rem;
    font-weight: 600;
    color: var(--wc-apc-foreground);
    padding: 0 0.5rem;
}

/* ============================================
   Error States
   ============================================ */
.woocommerce-checkout .wc-apc-invoice-field.woocommerce-invalid input,
.woocommerce-form-register .wc-apc-invoice-field.woocommerce-invalid input,
.woocommerce-edit-account .wc-apc-invoice-field.woocommerce-invalid input {
    border-color: var(--wc-apc-destructive);
}

.woocommerce-checkout .wc-apc-invoice-field.woocommerce-invalid input:focus,
.woocommerce-form-register .wc-apc-invoice-field.woocommerce-invalid input:focus,
.woocommerce-edit-account .wc-apc-invoice-field.woocommerce-invalid input:focus {
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2);
}

/* ============================================
   Responsive Design
   ============================================ */
@media (max-width: 768px) {
    .woocommerce-checkout .wc-apc-invoice-type .woocommerce-input-wrapper,
    .woocommerce-account .wc-apc-invoice-type .woocommerce-input-wrapper,
    .woocommerce-edit-account .wc-apc-invoice-type .woocommerce-input-wrapper {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .woocommerce-checkout .wc-apc-invoice-type input[type="radio"] + label,
    .woocommerce-account .wc-apc-invoice-type input[type="radio"] + label,
    .woocommerce-edit-account .wc-apc-invoice-type input[type="radio"] + label,
    .wc-apc-delete-invoice-data {
        width: 100%;
        min-width: auto;
    }
    
    .woocommerce-edit-account fieldset {
        padding: 1rem;
    }
}

/* ============================================
   Delete Button - Card Design (Tab Button Style)
   ============================================ */
.wc-apc-delete-button-wrapper {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

/* Tüm sayfalarda buton aynı hizada */
.woocommerce-checkout .wc-apc-invoice-type .wc-apc-delete-button-wrapper,
.woocommerce-account .wc-apc-invoice-type .wc-apc-delete-button-wrapper,
.woocommerce-edit-account .wc-apc-invoice-type .wc-apc-delete-button-wrapper {
    margin-left: 0.5rem;
    flex: 0 0 auto;
}

.wc-apc-delete-invoice-data {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 0.875rem 1.5rem;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.5;
    color: #ffffff;
    background-color: #ec4899;
    border: 2px solid #ec4899;
    border-radius: var(--wc-apc-radius);
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    position: relative;
    user-select: none;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    text-decoration: none;
    pointer-events: auto;
    z-index: 1;
}

/* Checkout sayfasında buton daha minimal */
.woocommerce-checkout .wc-apc-delete-invoice-data {
    min-width: auto;
    padding: 0.5rem 0.875rem;
    font-size: 0.8125rem;
    font-weight: 500;
}

/* Account sayfasında buton normal boyutta */
.woocommerce-account .wc-apc-delete-invoice-data,
.woocommerce-edit-account .wc-apc-delete-invoice-data {
    min-width: 120px;
}

.wc-apc-delete-invoice-data:hover {
    background-color: #db2777;
    border-color: #db2777;
    color: #ffffff;
    box-shadow: 0 4px 6px -1px rgba(236, 72, 153, 0.3), 0 2px 4px -1px rgba(236, 72, 153, 0.2);
    transform: translateY(-1px);
}

.wc-apc-delete-invoice-data:active {
    transform: translateY(0);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.wc-apc-delete-invoice-data:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

/* ============================================
   Additional Enhancements
   ============================================ */
/* Form container backgrounds */
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-form-register,
.woocommerce-edit-account {
    color: var(--wc-apc-foreground);
}