/*
Theme Name: Diennuoc247
Theme URI: https://diennuoc247.com
Author: Diennuoc247
Description: Theme hiện đại, tối giản cho cửa hàng điện nước 247 – WooCommerce ready
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.7
WooCommerce: true
WC tested up to: 9.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: diennuoc247
Tags: woocommerce, minimal, clean, ecommerce
*/

/* ── Utility classes matching template ─────────────────────────────── */
.line-clamp-2 { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.line-clamp-3 { display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; }
.scrollbar-hide::-webkit-scrollbar { display:none; }
.scrollbar-hide { -ms-overflow-style:none; scrollbar-width:none; }
.active-filter { border-color:#0f172a !important; background-color:#0f172a !important; color:#fff !important; }
#posts-slider::-webkit-scrollbar { display:none; }
@keyframes spin { to { transform:rotate(360deg); } }
.animate-spin { animation:spin 0.8s linear infinite; }

/* ── Prose / Rich text content ──────────────────────────────────────── */
.prose h1,.prose h2,.prose h3,.prose h4 { font-weight:600; margin-top:1.5em; margin-bottom:.75em; color:#0f172a; }
.prose p { margin-bottom:1em; line-height:1.75; color:#475569; }
.prose ul,.prose ol { margin:1em 0; padding-left:1.5em; }
.prose li { margin-bottom:.5em; }
.prose a { color:#3b82f6; text-decoration:underline; }
.prose img { max-width:100%; height:auto; border-radius:.5rem; }
.prose blockquote { border-left:3px solid #e2e8f0; padding-left:1em; color:#64748b; font-style:italic; }
.prose table { width:100%; border-collapse:collapse; margin:1em 0; }
.prose th,.prose td { border:1px solid #e2e8f0; padding:.5em .75em; text-align:left; }

/* ── WooCommerce notices ────────────────────────────────────────────── */
.woocommerce-message { margin:1rem 0; padding:1rem; border-radius:.5rem; background:#f0fdf4; border:1px solid #bbf7d0; color:#166534; }
.woocommerce-info    { margin:1rem 0; padding:1rem; border-radius:.5rem; background:#eff6ff; border:1px solid #bfdbfe; color:#1e40af; }
.woocommerce-error   { margin:1rem 0; padding:1rem; border-radius:.5rem; background:#fef2f2; border:1px solid #fecaca; color:#991b1b; }
.woocommerce-message a,.woocommerce-info a,.woocommerce-error a { font-weight:600; text-decoration:underline; margin-right:.5rem; }

/* ── WooCommerce form fields ─────────────────────────────────────────── */
.woocommerce-checkout .form-row label,
.woocommerce-checkout .form-row-wide label { display:block; font-size:.75rem; font-weight:500; color:#475569; margin-bottom:.375rem; }
.woocommerce-checkout .form-row input[type=text],
.woocommerce-checkout .form-row input[type=email],
.woocommerce-checkout .form-row input[type=tel],
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea { width:100%; padding:.75rem 1rem; font-size:.875rem; border:1px solid #e2e8f0; border-radius:.5rem; outline:none; transition:border-color .2s; background:#fff; }
.woocommerce-checkout .form-row input:focus,
.woocommerce-checkout .form-row select:focus,
.woocommerce-checkout .form-row textarea:focus { border-color:#64748b; }

/* ── WooCommerce add to cart / quantity ────────────────────────────── */
.woocommerce .quantity input[type=number] { width:5rem; padding:.625rem .875rem; border:1px solid #e2e8f0; border-radius:.5rem; font-size:.875rem; text-align:center; }
.woocommerce .single_add_to_cart_button { display:inline-flex; align-items:center; justify-content:center; padding:.875rem 2rem; background:#0f172a; color:#fff; font-size:.875rem; font-weight:500; border-radius:.5rem; transition:background .2s; cursor:pointer; border:none; }
.woocommerce .single_add_to_cart_button:hover { background:#1e293b; }
.woocommerce .variations select { padding:.625rem .875rem; border:1px solid #e2e8f0; border-radius:.5rem; font-size:.875rem; }

/* ── Pagination ─────────────────────────────────────────────────────── */
.woocommerce-pagination ul { list-style:none; padding:0; display:flex; gap:.375rem; flex-wrap:wrap; justify-content:center; }
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span { display:inline-flex; align-items:center; justify-content:center; min-width:2rem; height:2rem; padding:0 .5rem; font-size:.75rem; font-weight:500; border:1px solid #e2e8f0; border-radius:.5rem; color:#475569; text-decoration:none; transition:all .2s; }
.woocommerce-pagination ul li span.current { background:#0f172a; border-color:#0f172a; color:#fff; }
.woocommerce-pagination ul li a:hover { border-color:#64748b; }

/* ── Mobile nav hidden overflow ─────────────────────────────────────── */
body { overflow-x:hidden; }