/*
Theme Name: YourWoof Pro E-Commerce
Theme URI: https://yourwoof.com
Author: YourWoof Team
Description: A full-featured, professional WooCommerce theme with working Cart, Checkout, Login/Logout, and My Account pages.
Version: 2.5.0
License: GNU General Public License v2 or later
Text Domain: yourwoof-pro
*/

* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: #2D3748; background: #F7FAFC; line-height: 1.6; }
a { text-decoration: none; color: inherit; }

.yw-container { max-width: 1240px; margin: 0 auto; padding: 0 20px; }

/* Announcement & Top Bar */
.yw-top-bar { background: #1A365D; color: #FFFFFF; font-size: 13px; font-weight: 600; padding: 9px 0; }
.yw-top-bar-inner { display: flex; justify-content: space-between; align-items: center; }
.yw-top-links a { color: #E2E8F0; margin-left: 15px; font-weight: 500; font-size: 12px; }
.yw-top-links a:hover { color: #FFFFFF; text-decoration: underline; }

/* Main Header */
.yw-header { background: #FFFFFF; border-bottom: 1px solid #E2E8F0; position: sticky; top: 0; z-index: 999; box-shadow: 0 2px 10px rgba(0,0,0,0.03); }
.yw-header-grid { display: flex; align-items: center; justify-content: space-between; padding: 16px 0; gap: 20px; }
.yw-logo { font-size: 26px; font-weight: 900; color: #2B6CB0; letter-spacing: -0.5px; }
.yw-logo span { color: #DD6B20; }

.yw-search-form { flex-grow: 1; max-width: 480px; display: flex; border: 2px solid #E2E8F0; border-radius: 30px; overflow: hidden; }
.yw-search-form input { border: none; padding: 10px 20px; width: 100%; outline: none; font-size: 14px; }
.yw-search-form button { background: #2B6CB0; color: white; border: none; padding: 0 22px; font-weight: 700; cursor: pointer; }

.yw-header-icons { display: flex; align-items: center; gap: 15px; }
.yw-account-btn { font-size: 14px; font-weight: 600; color: #4A5568; display: flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 20px; border: 1px solid #E2E8F0; }
.yw-account-btn:hover { background: #EDF2F7; color: #2B6CB0; }

.yw-cart-badge { background: #EDF2F7; padding: 9px 18px; border-radius: 30px; font-weight: 700; font-size: 14px; color: #2D3748; position: relative; display: flex; align-items: center; gap: 6px; }
.yw-cart-count { background: #E53E3E; color: white; font-size: 11px; padding: 2px 7px; border-radius: 10px; }

/* Navigation */
.yw-nav-bar { background: #FFFFFF; border-bottom: 1px solid #EDF2F7; }
.yw-nav-bar ul { display: flex; list-style: none; gap: 28px; padding: 12px 0; }
.yw-nav-bar a { font-weight: 600; font-size: 15px; color: #4A5568; transition: color 0.2s; }
.yw-nav-bar a:hover { color: #2B6CB0; }

/* Hero Banner */
.yw-hero-banner { background: linear-gradient(135deg, #EBF8FF 0%, #C3DAFE 100%); padding: 70px 0; text-align: center; }
.yw-hero-banner h1 { font-size: 44px; font-weight: 900; color: #1A365D; margin-bottom: 16px; line-height: 1.2; }
.yw-hero-banner p { font-size: 18px; color: #4A5568; max-width: 650px; margin: 0 auto 30px; }
.yw-hero-btns { display: flex; justify-content: center; gap: 15px; }
.yw-btn-orange { background: #DD6B20; color: white; padding: 14px 32px; border-radius: 30px; font-weight: 700; box-shadow: 0 4px 14px rgba(221, 107, 32, 0.35); }

/* Trust Features Bar */
.yw-trust-features { background: #FFFFFF; padding: 28px 0; border-bottom: 1px solid #E2E8F0; }
.yw-trust-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; text-align: center; }
.yw-trust-box h4 { font-size: 16px; color: #2D3748; margin-bottom: 4px; font-weight: 700; }
.yw-trust-box p { font-size: 13px; color: #718096; }

/* Section Title */
.yw-section-title { text-align: center; font-size: 30px; font-weight: 800; color: #1A202C; margin: 45px 0 25px; }

/* WooCommerce Custom Product Grid Styling */
ul.products { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important; gap: 25px !important; margin-bottom: 50px !important; list-style: none !important; }
ul.products li.product { background: #FFFFFF !important; border-radius: 12px !important; padding: 16px !important; border: 1px solid #E2E8F0 !important; box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important; display: flex !important; flex-direction: column !important; position: relative !important; }
ul.products li.product img { border-radius: 8px !important; width: 100% !important; height: 220px !important; object-fit: cover !important; }
ul.products li.product .woocommerce-loop-product__title { font-size: 16px !important; font-weight: 700 !important; color: #2D3748 !important; margin: 12px 0 8px !important; line-height: 1.4 !important; }
ul.products li.product .price { font-size: 18px !important; font-weight: 800 !important; color: #2B6CB0 !important; margin-bottom: 12px !important; }
ul.products li.product .price del { color: #A0AEC0 !important; font-size: 14px !important; margin-right: 6px !important; }
ul.products li.product .button { background: #319795 !important; color: white !important; font-weight: 700 !important; text-align: center !important; padding: 11px !important; border-radius: 6px !important; margin-top: auto !important; border: none !important; display: block !important; }

/* Single Product Dropshipping Enhancements */
.yw-delivery-badge { background: #EBF8FF; border-left: 4px solid #3182CE; padding: 14px 18px; border-radius: 6px; margin: 18px 0; font-size: 14px; color: #2B6CB0; }
.yw-buyer-protection { border: 1px dashed #CBD5E0; background: #FAFCFE; padding: 16px; border-radius: 8px; margin-top: 20px; font-size: 13px; }

/* WooCommerce Login, Cart, and Checkout Page Styling */
.woocommerce-account, .woocommerce-cart, .woocommerce-checkout { background: #FFFFFF; padding: 35px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); margin-bottom: 40px; }
.woocommerce-form-login, .woocommerce-form-register { background: #F7FAFC; padding: 25px; border-radius: 8px; border: 1px solid #E2E8F0; }
.woocommerce-form-login input, .woocommerce-form-register input { width: 100%; padding: 10px 14px; margin-top: 6px; margin-bottom: 16px; border: 1px solid #CBD5E0; border-radius: 6px; }
.woocommerce-form-login button, .woocommerce-form-register button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, #place_order { background: #DD6B20 !important; color: white !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 700 !important; border-radius: 30px !important; border: none !important; cursor: pointer; }

/* Newsletter Section */
.yw-newsletter { background: #2B6CB0; color: white; padding: 50px 0; text-align: center; margin-top: 50px; }
.yw-newsletter h3 { font-size: 28px; font-weight: 800; margin-bottom: 10px; }
.yw-newsletter p { font-size: 16px; margin-bottom: 20px; opacity: 0.9; }
.yw-newsletter-form { display: flex; justify-content: center; max-width: 500px; margin: 0 auto; gap: 10px; }
.yw-newsletter-form input { padding: 12px 20px; border-radius: 30px; border: none; flex-grow: 1; outline: none; font-size: 14px; }
.yw-newsletter-form button { background: #DD6B20; color: white; border: none; padding: 12px 28px; border-radius: 30px; font-weight: 700; cursor: pointer; }

/* Footer */
.yw-footer { background: #1A202C; color: #A0AEC0; padding: 60px 0 25px; }
.yw-footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 35px; margin-bottom: 40px; }
.yw-footer h4 { color: #FFFFFF; font-size: 17px; margin-bottom: 18px; font-weight: 700; }
.yw-footer ul { list-style: none; }
.yw-footer ul li { margin-bottom: 10px; font-size: 14px; }
.yw-footer-bottom { border-top: 1px solid #2D3748; padding-top: 25px; text-align: center; font-size: 13px; }

@media (max-width: 768px) {
    .yw-header-grid { flex-direction: column; }
    .yw-hero-banner h1 { font-size: 32px; }
    .yw-newsletter-form { flex-direction: column; }
    .yw-top-bar-inner { flex-direction: column; gap: 6px; }
}