/*
Theme Name: Barab Child
Theme URI: https://example.com/
Description: Child theme for Barab — place customizations here.
Author: You
Template: barab
Version: 1.0.0
Text Domain: barab-child
*/

/* Ensure document can scroll */
html, body { overflow: auto !important; }

/* Product card styling to match target layout (xanders.pk-like) */
.barab-product-card{ list-style:none; margin:0 0 24px; border:1px solid #eee; padding:8px; display:flex; align-items:flex-start; background:#fff; }
.barab-product-inner{ display:flex; gap:12px; width:100%; }
.barab-product-thumb img{ width:140px; height:140px; object-fit:cover; display:block; border-radius:6px; }
.barab-product-meta{ flex:1; display:flex; flex-direction:column; justify-content:space-between; }
.barab-product-title{ font-size:16px; margin:0 0 6px; }
.barab-product-title a{ color:#222; text-decoration:none; }
.barab-product-price{ font-weight:700; color:#e74c3c; margin-bottom:8px; }
.barab-product-actions .button{ background:#ff6b00; border-color:#ff6b00; color:#fff; padding:8px 12px; border-radius:4px; }
.barab-product-actions .button:focus, .barab-product-actions .button:hover{ opacity:0.95; }

@media (max-width:768px){
	.barab-product-inner{ flex-direction:row; }
	.barab-product-thumb img{ width:100px; height:100px; }
}

/* Kurly widget specific styles */
.kurly-products{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; padding:0; margin:0; overflow-x:auto; overflow-y:visible; -webkit-overflow-scrolling:touch; }
.kurly-products.cols-1{ grid-template-columns:repeat(1,1fr) !important; }
.kurly-products.cols-2{ grid-template-columns:repeat(2,1fr) !important; }
.kurly-products.cols-3{ grid-template-columns:repeat(3,1fr) !important; }
.kurly-products.cols-4{ grid-template-columns:repeat(4,1fr) !important; }
.kurly-products .kurly-card{ list-style:none; background:#fff; border:1px solid #eee; padding:0; display:block; border-radius:10px; overflow:hidden; position:relative; transition:box-shadow 0.3s ease; }
.kurly-products .kurly-card:hover{ box-shadow: var(--card-shadow, 0 4px 12px rgba(0,0,0,0.15)); }
.kurly-card-inner{ display:flex; align-items:stretch; gap:18px; padding:18px; overflow-y:auto; max-height:none; }
.kurly-info-wrap{ flex:1; display:flex; flex-direction:column; justify-content:flex-start; overflow:hidden; }
.kurly-thumb-wrap{ width:160px; flex:0 0 160px; position:relative; }
.kurly-thumb img{ width:160px; height:160px; object-fit:cover; border-radius:50%; display:block; margin-left:auto; }
.kurly-title{ font-size:20px; margin:0 0 8px; font-weight:700; color:#222; }
.kurly-desc{ color:#777; margin:0 0 12px; line-height:1.4; font-size:14px; overflow-wrap:break-word; word-break:break-word; }
.kurly-bottom{ display:flex; align-items:center; justify-content:flex-start; gap:12px; margin-top:auto; }
.kurly-price{ color:#222; font-weight:700; font-size:22px; }
.kurly-badge{ background:#7fb241; color:#fff; padding:6px 8px; border-radius:50px; font-size:12px; margin-left:8px; }

/* add button overlay - positioned at bottom right of card */
.kurly-add-overlay{ position:absolute; right:12px; bottom:12px; display:flex; align-items:center; gap:8px; }
.kurly-actions{ display:flex; align-items:center; gap:0; margin:0; }
.kurly-actions .button{ margin:0 !important; padding:0 !important; border:none; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-weight:700; font-size:24px; transition:all 0.2s ease; cursor:pointer; }
.kurly-actions .button:hover{ transform:scale(1.1); }
.kurly-actions .button:active{ transform:scale(0.95); }

/* quantity wrapper */
.kurly-qty-wrap{ display:none; }
.kurly-no-products{ color:#777; }

/* Tablet and smaller screens */
@media (max-width:1024px){
    .kurly-products{ grid-template-columns:repeat(2,1fr) !important; overflow-y:auto; -webkit-overflow-scrolling:touch; }
    .kurly-thumb-wrap{ width:120px; flex:0 0 120px; }
    .kurly-thumb img{ width:120px; height:120px; }
    .kurly-title{ font-size:18px; }
    .kurly-desc{ font-size:13px; }
    .kurly-card-inner{ overflow-y:auto; -webkit-overflow-scrolling:touch; }
}

/* Mobile landscape */
@media (max-width:768px){
    .kurly-products{ grid-template-columns:repeat(2,1fr) !important; overflow-y:auto; -webkit-overflow-scrolling:touch; }
    .kurly-card-inner{ flex-direction:column; gap:12px; padding:12px; overflow-y:auto; -webkit-overflow-scrolling:touch; max-height:none; }
    .kurly-thumb-wrap{ width:100%; flex:0 0 auto; text-align:center; }
    .kurly-thumb img{ width:200px; height:100px; margin:0 auto; }
    .kurly-title{ font-size:16px; }
    .kurly-desc{ font-size:13px; }
    .kurly-add-overlay{ right:10px; bottom:10px; }
}

/* Mobile small */
@media (max-width:600px){
    .kurly-products { grid-template-columns: 1fr !important; overflow-y:auto; -webkit-overflow-scrolling:touch; }
    .kurly-products.cols-1 { grid-template-columns: 1fr !important; }
    .kurly-products.cols-2 { grid-template-columns: 1fr !important; }
    .kurly-products.cols-3 { grid-template-columns: 1fr !important; }
    .kurly-products.cols-4 { grid-template-columns: 1fr !important; }
    .kurly-card-inner{ flex-direction:column; gap:12px; padding:12px; overflow-y:auto; -webkit-overflow-scrolling:touch; max-height:none; }
    .kurly-thumb-wrap{ width:100%; flex:0 0 auto; text-align:center; }
    .kurly-thumb img{ width:200px; height:80px; margin:0 auto; }
    .kurly-title{ font-size:15px; }
    .kurly-desc{ font-size:12px; }
    .kurly-price{ font-size:18px; }
    .kurly-add-overlay{ right:8px; bottom:8px; }
    .kurly-actions .button{ font-size:20px; }
}

/* Mobile extra small */
@media (max-width:420px){
    .kurly-products { grid-template-columns: 1fr !important; gap:12px; overflow-y:auto; -webkit-overflow-scrolling:touch; }
    .kurly-products.cols-1 { grid-template-columns: 1fr !important; }
    .kurly-products.cols-2 { grid-template-columns: 1fr !important; }
    .kurly-products.cols-3 { grid-template-columns: 1fr !important; }
    .kurly-products.cols-4 { grid-template-columns: 1fr !important; }
    .kurly-card{ border-radius:8px; }
    .kurly-card-inner{ flex-direction:column; gap:12px; padding:10px; overflow-y:auto; -webkit-overflow-scrolling:touch; max-height:none; }
    .kurly-info-wrap{ gap:8px; }
    .kurly-thumb-wrap{ width:100%; flex:0 0 auto; text-align:center; }
    .kurly-thumb img{ width:180px; height:80px; margin:0 auto; }
    .kurly-title{ font-size:14px; margin:0 0 4px; }
    .kurly-desc{ font-size:11px; margin:0 0 8px; }
    .kurly-price{ font-size:16px; }
    .kurly-add-overlay{ right:6px; bottom:6px; }
    .kurly-actions .button{ font-size:18px; }
}
/* Variable product selector styles */
.kurly-var-select-wrap{ background:#f9f9f9; padding:8px; border-radius:4px; }
.kurly-var-label{ font-size:12px; color:#666; font-weight:700; display:block; margin-bottom:4px; }
.kurly-var-select{ width:100%; padding:6px; border:1px solid #ddd; border-radius:4px; font-size:12px; margin-bottom:6px; }
.kurly-var-toggle{ margin:0 !important; }
.kurly-var-add{ margin-left:4px !important; }

/* Mobile responsive for buttons */
@media (max-width:600px){
    .kurly-actions .button{ padding:8px; font-size:16px; min-width:40px; min-height:40px; }
}