/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themeshttps://staging.baboo.nl/file-manager-wdfhtmpneqscvgl.php?p=wp-content%2Fthemes%2Fblocksy-child
 * Template: blocksy
 * Text Domain: blocksy
 */

/* ============================================================
   ALGEMEEN
   ============================================================ */

.stock.in-stock {
    display: none !important;
}

.variations_form.cart [data-swatches-type="button"] {
    --swatch-size: 38px !important;
}

textarea {
    --theme-form-field-border-radius: 20px;
}

#footer [data-id="text"] h3 {
    font-size: 17px;
    margin-bottom: 5px;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .product a.button,
.woocommerce .product button.button {
    font-size: 13px;
    padding: 10px;
    font-weight: 500;
}
@media (max-width: 768px) {
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce input.button,
    .woocommerce #respond input#submit,
    .woocommerce .product a.button,
    .woocommerce .product button.button {
        font-size: 12px;
        padding: 10px;
    }
}

/* ============================================================
   PRODUCTKAART BADGES & EXTRA (wishlist-icoon etc.)
   ============================================================ */

.ct-woo-badges {
    top: var(--badge-top, 5px) !important;
    inset-inline-start: var(--badge-left, 5px) !important;
}

.ct-woo-card-extra[data-type=type-1] {
    top: 5px !important;
    inset-inline-end: 5px !important;
}

.ct-woo-card-extra {
    position: absolute !important;
    z-index: 2 !important;
    --theme-icon-size: 18px !important;
    --theme-icon-color: grey !important;
}

.ct-woo-card-extra[data-type=type-1] .ct-button {
    padding: 0 !important;
    width: 32px !important;
    min-height: 32px !important;
    border-radius: 100% !important;
    background-color: transparent !important;
}

/* ============================================================
   PRODUCT INFO / MODULES
   ============================================================ */

.ct-product-additional-info ul li svg {
    fill: green !important;
}

.entry-summary-items .ct-module-title {
    font-weight: 600;
}

.ct-module-title {
    font-size: 16px !important;
}

.product-verzendtijd {
    font-size: 14px !important;
}

:is(.gdpr-confirm-policy, .comment-form-cookies-consent) label {
    color: grey;
}

.out-of-stock {
    color: red !important;
}

/* ============================================================
   DIVERSEN
   ============================================================ */

#block-1 {
    background-color: black;
    padding: 20px;
    border-radius: 10px;
}

#gspb_image-id-gsbp-96dfe7d img {
    border-radius: 10px;
    padding-bottom: 10px;
}

.woocommerce-cart .woocommerce-shipping-destination {
    display: none !important;
}

.showlogin {
    text-decoration: underline;
}

.button.disabled {
    opacity: 1 !important;
}

/* ============================================================
   KNOPPEN (oranje merkkleur + hover)
   ============================================================ */

/* Standaard knopstijl (oranje) */
.single_add_to_cart_button,
.add_to_cart_button,
.button.alt {
    background-color: #F96E03 !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    color: #fff !important;
}

/* Hover: donkerder oranje */
.single_add_to_cart_button:hover,
.add_to_cart_button:hover,
.button.alt:hover {
    background-color: #e65c00 !important;
    opacity: 1 !important;
}

/* Afrekenen-knoppen */
.wc-proceed-to-checkout .checkout-button,
a.checkout-button,
.checkout-button.wc-forward,
a.button.checkout.wc-forward,
#place_order,
.woocommerce-checkout #payment #place_order {
    background-color: #F96E03 !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    color: #fff !important;
}

.wc-proceed-to-checkout .checkout-button:hover,
a.checkout-button:hover,
.checkout-button.wc-forward:hover,
a.button.checkout.wc-forward:hover,
#place_order:hover,
.woocommerce-checkout #payment #place_order:hover {
    background-color: #e65c00 !important;
    opacity: 1 !important;
}

/* ============================================================
   TOUCH IMAGE SWAP (mobiel hover-effect)
   ============================================================ */

@media (hover: none) and (pointer: coarse) {
    .ct-media-container.has-hover-effect .ct-swap,
    .ct-media-container.has-hover-effect .wp-post-image {
        transition: opacity 0.25s ease !important;
    }

    .product.touch-image-swap .ct-media-container .ct-swap {
        opacity: 1 !important;
    }
    .product.touch-image-swap .ct-media-container .wp-post-image {
        opacity: 0 !important;
    }
}

/* ============================================================
   CATEGORIEPAGINA COMPACTER - kleinere tekst, foto's dichter op
   elkaar, minder witruimte. Slider (.baboo-slider-track) uitgezonderd.
   ============================================================ */

/* Titel 1 tikkie kleiner + minder witruimte */
ul.products:not(.baboo-slider-track) li.product .ct-product-title,
ul.products:not(.baboo-slider-track) li.product .woocommerce-loop-product__title {
    font-size: 0.85em !important;
    line-height: 1.3 !important;
    margin: 6px 0 2px !important;
}

/* Prijs ook iets compacter */
ul.products:not(.baboo-slider-track) li.product .price,
ul.products:not(.baboo-slider-track) li.product .price > div {
    font-size: 0.9em !important;
}

/* Foto dichter op de tekst, minder ruimte eronder */
ul.products:not(.baboo-slider-track) li.product .ct-media-container {
    margin-bottom: 4px !important;
}

/* Minder ruimte tussen de productrijen onderling */
ul.products:not(.baboo-slider-track) li.product {
    margin-bottom: 12px !important;
}

/* Verzendtijd-label compacter in de grid (14px is groot voor listing) */
ul.products:not(.baboo-slider-track) li.product .product-verzendtijd {
    font-size: 11px !important;
    margin-bottom: 6px !important;
}

/* ============================================================
   BABOO CHECKOUT CRO - Shopify-style 1-column layout
   ============================================================ */

/* Base layout - alles 1 kolom, max breedte zoals Shopify */
.baboo-checkout-onepage {
    margin: 0 auto;
    padding: 20px 16px;
}

.baboo-checkout-section {
    margin-bottom: 32px;
}

.baboo-section-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 16px 0;
    color: #1a1a1a;
}

/* USP BAR */
.baboo-checkout-usp-bar {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 12px;
    background: #f8f9fa;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 24px;
    font-size: 13px;
}
.baboo-usp-item {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
.baboo-usp-icon { font-size: 16px; }

/* EXPRESS CHECKOUT */
.baboo-express-checkout {
    margin-bottom: 24px;
}
.baboo-express-title {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin: 0 0 12px;
}
.baboo-express-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 16px;
}
.baboo-express-btn {
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #000;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
}
.baboo-express-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.baboo-express-divider {
    text-align: center;
    position: relative;
    margin: 16px 0;
    color: #999;
    font-size: 13px;
}
.baboo-express-divider::before,
.baboo-express-divider::after {
    content: '';
    position: absolute;
    top: 50%;
    width: calc(50% - 60px);
    height: 1px;
    background: #ddd;
}
.baboo-express-divider::before { left: 0; }
.baboo-express-divider::after { right: 0; }

/* FORM VELDEN - Shopify-look */
.baboo-checkout-onepage .form-row {
    margin-bottom: 12px;
}
.baboo-checkout-onepage .form-row label {
    font-size: 13px;
    color: #555;
    margin-bottom: 4px;
    display: block;
}
.baboo-checkout-onepage input[type="text"],
.baboo-checkout-onepage input[type="email"],
.baboo-checkout-onepage input[type="tel"],
.baboo-checkout-onepage select {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 16px; /* 16px voorkomt zoom op iOS */
    background: #fff;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.baboo-checkout-onepage input:focus,
.baboo-checkout-onepage select:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
    outline: none;
}

/* Postcode + plaats naast elkaar */
.baboo-checkout-onepage .form-row-first,
.baboo-checkout-onepage .form-row-last {
    width: calc(50% - 6px);
    display: inline-block;
    vertical-align: top;
}
.baboo-checkout-onepage .form-row-first { margin-right: 8px; }

/* TRUST BADGES */
.baboo-trust-badges {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 12px;
    background: #f0fdf4;
    border-radius: 6px;
    margin: 16px 0;
    font-size: 12px;
    color: #166534;
}

/* ORDER BUMP */
.baboo-order-bump {
    border: 2px dashed #2563eb;
    border-radius: 8px;
    padding: 12px;
    margin: 16px 0;
    background: #eff6ff;
}
.baboo-order-bump label {
    display: flex;
    cursor: pointer;
    gap: 12px;
    align-items: center;
}
.baboo-bump-content {
    display: flex;
    gap: 12px;
    align-items: center;
    flex: 1;
}
.baboo-bump-content img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 4px;
}
.baboo-bump-content p { margin: 4px 0 0; font-size: 13px; }

/* PLACE ORDER button - prominent */
.baboo-checkout-onepage #place_order {
    width: 100%;
    padding: 16px;
    background: #1a1a1a;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 16px;
    transition: background 0.15s;
}
.baboo-checkout-onepage #place_order:hover {
    background: #000;
}

/* MOBILE responsive */
@media (max-width: 480px) {
    .baboo-checkout-onepage { padding: 12px; }
    .baboo-checkout-usp-bar {
        flex-direction: column;
        gap: 6px;
        align-items: flex-start;
    }
    .baboo-checkout-onepage .form-row-first,
    .baboo-checkout-onepage .form-row-last {
        width: 100%;
        margin-right: 0;
    }
}

/* Verberg leeg Blocksy order review modules blok */
.ct-order-review-modules {
    display: none !important;
}

.baboo-kk-item { display:flex; align-items:center; gap:14px; padding:12px 0; border-bottom:1px solid #eee; }
.baboo-kk-item:last-child { border-bottom:none; }