/*
 Theme Name:   Bruo
 Theme URI:    https://bruo.schiza.online
 Description:  Child theme dla Astra
 Author:       Bruo
 Template:     astra
 Version:      1.0.0
*/


/* WooCommerce Tabs Panel - desktop override */
@media screen and (min-width: 769px) {
    .woocommerce div.product.elementor .woocommerce-tabs .panel,
    .woocommerce-js div.product.elementor .woocommerce-tabs .panel {
        border: none !important;
        padding: 0 !important;
    }

    .btt-specs {
        max-height: 500px;
        overflow-y: auto;
    }
}

/* Stock status */
.ast-stock-detail .ast-stock-avail {
    color: #6b7280;
    font-weight: 400 !important;
    font-size: 12px !important;
}

.ast-stock-detail .stock.in-stock {
    color: #16a34a;
    font-weight: 600 !important;
    font-size: 12px !important;
}

.woocommerce-js div.product .stock {
    color: green;
}

/* Tabela specyfikacji - WooCommerce product attributes */
.woocommerce-product-attributes.shop_attributes {
    width: 100%;
    border-collapse: collapse;
    border: none;
    border-radius: 8px;
    overflow: hidden;
    font-size: 14px;
}

.woocommerce-product-attributes.shop_attributes tr:nth-child(even) {
    background-color: #f9fafb;
}

.woocommerce-product-attributes.shop_attributes th,
.woocommerce-product-attributes.shop_attributes td {
    padding: 10px 14px;
    text-align: left;
    vertical-align: middle;
    border: none;
}

.woocommerce-product-attributes.shop_attributes th {
    color: #6b7280;
    font-weight: 500;
    width: 40%;
}

.woocommerce-product-attributes.shop_attributes td {
    color: #1f2937;
    font-weight: 500;
}

.woocommerce-product-attributes.shop_attributes td p {
    margin: 0;
}

/* Add to cart button full width */
.single_add_to_cart_button.button.alt {
    width: 60% !important;
}

/* ==========================================
   Modern Cart — zmniejszone czcionki
   ========================================== */

/* Header — tytuł "Przejrzyj swój koszyk" */
#moderncart-slide-out .moderncart-slide-out-header-title span {
    font-size: 14px !important;
}

/* Header — ilość */
#moderncart-slide-out .moderncart-slide-out-header-quantity span {
    font-size: 12px !important;
}

/* Produkt — nazwa */
#moderncart-slide-out .moderncart-cart-item-product-name,
#moderncart-slide-out .moderncart-cart-item-product-name a {
    font-size: 13px !important;
    line-height: 1.2em !important;
}

/* Produkt — cena */
#moderncart-slide-out .moderncart-price,
#moderncart-slide-out .moderncart-price span {
    font-size: 13px !important;
}

/* Produkt — tax label "(z VAT)" */
#moderncart-slide-out .moderncart-price .tax_label {
    font-size: 11px !important;
}

/* Produkt — przycisk Remove */
#moderncart-slide-out .moderncart-cart-item-actions-remove {
    font-size: 11px !important;
}

/* Quantity selector */
#moderncart-slide-out .moderncart-quantity__input {
    font-size: 13px !important;
}

/* Kupon — "Masz kod rabatowy?" */
#moderncart-slide-out .moderncart-have-coupon-code {
    font-size: 12px !important;
}

/* Kupon — input + przycisk */
#moderncart-slide-out #moderncart-coupon-input {
    font-size: 12px !important;
}

#moderncart-slide-out .moderncart-slide-out-coupon-form-button {
    font-size: 12px !important;
}

/* Podsumowanie — etykiety (Suma, VAT, Wysyłka) */
#moderncart-slide-out .moderncart-cart-line-items-item {
    font-size: 13px !important;
    padding: 8px 20px !important;
}

#moderncart-slide-out .moderncart-cart-line-items-label {
    font-size: 13px !important;
    font-weight: 500 !important;
}

/* Podsumowanie — wartości */
#moderncart-slide-out .moderncart-cart-line-items-value,
#moderncart-slide-out .moderncart-cart-line-items-value span {
    font-size: 13px !important;
    font-weight: 500 !important;
}

/* Podsumowanie — wiersz Łącznie (Total) pogrubiony */
#moderncart-slide-out .moderncart-cart-line-items__total .moderncart-cart-line-items-label {
    font-size: 14px !important;
    font-weight: 600 !important;
}

#moderncart-slide-out .moderncart-cart-line-items__total .moderncart-cart-line-items-value,
#moderncart-slide-out .moderncart-cart-line-items__total .moderncart-cart-line-items-value span {
    font-size: 14px !important;
    font-weight: 600 !important;
}

/* Podsumowanie — wartość Total: kwota + tax pod spodem */
#moderncart-slide-out .moderncart-cart-line-items__total .moderncart-cart-line-items__total-value {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
}

/* Podsumowanie — drobny tekst "(z VAT)", "(w tym ...)" */
#moderncart-slide-out .moderncart-cart-line-items .tax_label,
#moderncart-slide-out .moderncart-cart-line-items .includes_tax {
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #9ca3af !important;
}

/* Przycisk "Przejdź do kasy" */
#moderncart-slide-out .checkout-button {
    font-size: 14px !important;
}

/* ==========================================
   CHECKOUT — Minimalistyczny styl (CartFlows)
   ========================================== */

/* Override CartFlows CSS variables */
.wcf-embed-checkout-form {
    --wcf-primary-color: #1f2937 !important;
    --wcf-heading-color: #1f2937 !important;
    --wcf-text-color: #374151 !important;
    --wcf-field-bg-color: #fafafa !important;
    --wcf-field-border-color: #e5e7eb !important;
    --wcf-field-text-color: #1f2937 !important;
    --wcf-field-label-color: #6b7280 !important;
    --wcf-btn-bg-color: #1f2937 !important;
    --wcf-btn-bg-hover-color: #374151 !important;
    --wcf-btn-text-color: #ffffff !important;
    --wcf-btn-hover-text-color: #ffffff !important;
    --wcf-field-error-label-color: #ef4444 !important;
    --wcf-field-error-border-color: #ef4444 !important;
    --wcf-field-error-color: #ef4444 !important;
    --wcf-payment-section-bg-color: #f9fafb !important;
    --wcf-payment-section-desc-bg-color: #f3f4f6 !important;
    --wcf-payment-section-desc-text-color: #374151 !important;
    --wcf-payment-section-label-color: #374151 !important;
}

/* --- Layout: dwie kolumny --- */
.wcf-embed-checkout-form .wcf-col2-set,
.wcf-embed-checkout-form .woocommerce .wcf-col2-set {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
}

.wcf-embed-checkout-form .woocommerce .wcf-col2-set .wcf-col-1,
.wcf-embed-checkout-form .woocommerce .wcf-col2-set .wcf-col-2,
.wcf-embed-checkout-form .woocommerce .col2-set .col-1,
.wcf-embed-checkout-form .woocommerce .col2-set .col-2 {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.wcf-embed-checkout-form .wcf-col2-set::before,
.wcf-embed-checkout-form .wcf-col2-set::after {
    display: none !important;
    content: none !important;
}

/* --- Headings --- */
.wcf-embed-checkout-form h3,
.wcf-embed-checkout-form .woocommerce h3,
.wcf-embed-checkout-form #order_review_heading {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    margin: 0 0 20px 0 !important;
    padding: 0 0 12px 0 !important;
    border-bottom: 1px solid #f3f4f6 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    background: transparent !important;
}

/* Ship to different address */
.wcf-embed-checkout-form #ship-to-different-address {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 12px !important;
}

.wcf-embed-checkout-form #ship-to-different-address label span {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #374151 !important;
}

/* --- Form rows --- */
.wcf-embed-checkout-form .woocommerce-billing-fields__field-wrapper,
.wcf-embed-checkout-form .woocommerce-shipping-fields__field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px 16px !important;
}

.wcf-embed-checkout-form .woocommerce form .form-row {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: 100% !important;
    clear: none !important;
}

.wcf-embed-checkout-form .woocommerce form .form-row::before,
.wcf-embed-checkout-form .woocommerce form .form-row::after {
    display: none !important;
    content: none !important;
}

.wcf-embed-checkout-form .woocommerce form .form-row-first {
    grid-column: 1 !important;
    float: none !important;
    width: 100% !important;
}

.wcf-embed-checkout-form .woocommerce form .form-row-last {
    grid-column: 2 !important;
    float: none !important;
    width: 100% !important;
}

.wcf-embed-checkout-form .woocommerce form .form-row-wide,
.wcf-embed-checkout-form .woocommerce form .form-row-full {
    grid-column: 1 / -1 !important;
    float: none !important;
    width: 100% !important;
}

/* --- Labels --- */
.wcf-embed-checkout-form .woocommerce form p.form-row label {
    display: block !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #6b7280 !important;
    margin-bottom: 4px !important;
    line-height: 1.4 !important;
}

.wcf-embed-checkout-form .woocommerce form .form-row .required {
    color: #d1d5db !important;
    font-weight: 400 !important;
}

.wcf-embed-checkout-form .woocommerce form .form-row .optional {
    color: #d1d5db !important;
    font-weight: 400 !important;
    font-size: 11px !important;
}

/* --- Inputs --- */
.wcf-embed-checkout-form .woocommerce form .form-row input.input-text,
.wcf-embed-checkout-form .woocommerce form .form-row textarea,
.wcf-embed-checkout-form .woocommerce form .form-row select {
    width: 100% !important;
    padding: 9px 12px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-family: inherit !important;
    color: #1f2937 !important;
    background: #fafafa !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    line-height: normal !important;
    min-height: unset !important;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.wcf-embed-checkout-form .woocommerce form .form-row textarea {
    min-height: 80px !important;
    resize: vertical;
}

.wcf-embed-checkout-form .woocommerce form .form-row input.input-text:focus,
.wcf-embed-checkout-form .woocommerce form .form-row textarea:focus,
.wcf-embed-checkout-form .woocommerce form .form-row select:focus {
    border-color: #1f2937 !important;
    background: #ffffff !important;
    outline: none !important;
    box-shadow: none !important;
}

.wcf-embed-checkout-form .woocommerce form .form-row input::placeholder,
.wcf-embed-checkout-form .woocommerce form .form-row textarea::placeholder {
    color: #d1d5db !important;
    font-weight: 400 !important;
}

/* Read-only country */
.wcf-embed-checkout-form .woocommerce-input-wrapper strong {
    display: block !important;
    padding: 9px 12px !important;
    background: #f3f4f6 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #374151 !important;
}

/* --- Shipping methods --- */
.wcf-embed-checkout-form .wcf-customer-shipping {
    margin: 28px 0 !important;
    padding: 20px 24px !important;
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
}

.wcf-embed-checkout-form .wcf-shipping-methods-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    border: none !important;
}

.wcf-embed-checkout-form .woocommerce-shipping-methods {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wcf-embed-checkout-form .woocommerce-shipping-methods li label {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #374151 !important;
}

/* --- Order review --- */
.wcf-embed-checkout-form .wcf-order-wrap {
    margin-top: 28px !important;
}

.wcf-embed-checkout-form .woocommerce-checkout .shop_table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 14px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    overflow: hidden;
    background: #ffffff !important;
}

.wcf-embed-checkout-form .shop_table thead th {
    background: #f9fafb !important;
    color: #6b7280 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    padding: 10px 16px !important;
    border-bottom: 1px solid #e5e7eb !important;
}

.wcf-embed-checkout-form .shop_table td,
.wcf-embed-checkout-form .shop_table tbody td {
    padding: 14px 16px !important;
    border-bottom: 1px solid #f3f4f6 !important;
    color: #1f2937 !important;
    font-size: 13px !important;
    vertical-align: middle !important;
}

/* Product image + name */
.wcf-embed-checkout-form .woocommerce .wcf-product-image {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.wcf-embed-checkout-form .woocommerce .wcf-product-thumbnail {
    width: auto !important;
    min-width: 48px !important;
    margin-right: 0 !important;
}

.wcf-embed-checkout-form .woocommerce .wcf-product-thumbnail img {
    width: 48px !important;
    height: 48px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    border: 1px solid #e5e7eb !important;
}

.wcf-embed-checkout-form .woocommerce .wcf-product-name {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #1f2937 !important;
    line-height: 1.3 !important;
    width: auto !important;
}

.wcf-embed-checkout-form .product-quantity {
    font-size: 12px !important;
    color: #9ca3af !important;
    font-weight: 500 !important;
}

/* Tfoot */
.wcf-embed-checkout-form .shop_table tfoot th {
    text-align: left !important;
    padding: 10px 16px !important;
    font-weight: 500 !important;
    color: #6b7280 !important;
    font-size: 13px !important;
    border-top: 1px solid #f3f4f6 !important;
    background: transparent !important;
}

.wcf-embed-checkout-form .shop_table tfoot td {
    text-align: right !important;
    padding: 10px 16px !important;
    font-size: 13px !important;
    color: #1f2937 !important;
    border-top: 1px solid #f3f4f6 !important;
}

.wcf-embed-checkout-form .shop_table tfoot .order-total th,
.wcf-embed-checkout-form .shop_table tfoot .order-total td {
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #1f2937 !important;
    border-top: 2px solid #e5e7eb !important;
    padding-top: 14px !important;
}

.wcf-embed-checkout-form .shop_table .tax_label,
.wcf-embed-checkout-form .shop_table .includes_tax {
    font-size: 11px !important;
    color: #9ca3af !important;
}

/* --- Coupon --- */
.wcf-embed-checkout-form .wcf-custom-coupon-field a {
    font-size: 13px !important;
    color: #6b7280 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.wcf-embed-checkout-form .wcf-custom-coupon-field a:hover {
    color: #1f2937 !important;
}

.wcf-embed-checkout-form #order_review .wcf-custom-coupon-field input[type='text'] {
    padding: 8px 12px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    background: #fafafa !important;
}

.wcf-embed-checkout-form .wcf-submit-coupon,
.wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small {
    padding: 8px 16px !important;
    font-size: 13px !important;
    background: #1f2937 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
}

.wcf-embed-checkout-form .wcf-submit-coupon:hover,
.wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small:hover {
    background: #374151 !important;
}

/* --- Payment --- */
.wcf-embed-checkout-form .woocommerce-checkout #payment {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    padding: 20px !important;
    margin-top: 20px !important;
}

.wcf-embed-checkout-form .wc_payment_methods {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 0 10px 0 !important;
}

.wcf-embed-checkout-form .woocommerce-no-available-payment-methods-message {
    font-size: 13px !important;
    color: #6b7280 !important;
}

/* --- Privacy --- */
.wcf-embed-checkout-form .woocommerce-privacy-policy-text p {
    font-size: 12px !important;
    color: #9ca3af !important;
    line-height: 1.5 !important;
    margin: 0 0 16px 0 !important;
}

.wcf-embed-checkout-form .woocommerce-privacy-policy-link {
    color: #6b7280 !important;
    text-decoration: underline !important;
}

/* --- Place order --- */
.wcf-embed-checkout-form .woocommerce form #payment button,
.wcf-embed-checkout-form .woocommerce #place_order {
    width: 100% !important;
    padding: 14px 24px !important;
    background: #1f2937 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    font-family: inherit !important;
    cursor: pointer !important;
    letter-spacing: 0.01em !important;
    transition: background-color 0.15s ease !important;
}

.wcf-embed-checkout-form .woocommerce form #payment button:hover,
.wcf-embed-checkout-form .woocommerce #place_order:hover {
    background: #374151 !important;
}

/* --- Validation --- */
.wcf-embed-checkout-form .woocommerce form .form-row.woocommerce-validated input.input-text {
    border-color: #10b981 !important;
}

.wcf-embed-checkout-form .woocommerce form .form-row.woocommerce-invalid input.input-text {
    border-color: #ef4444 !important;
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .wcf-embed-checkout-form .wcf-col2-set {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .wcf-embed-checkout-form .woocommerce-billing-fields__field-wrapper,
    .wcf-embed-checkout-form .woocommerce-shipping-fields__field-wrapper {
        grid-template-columns: 1fr !important;
    }

    .wcf-embed-checkout-form .woocommerce form .form-row-first,
    .wcf-embed-checkout-form .woocommerce form .form-row-last {
        grid-column: 1 !important;
    }
}