/*
Theme Name: Weprint Promo Theme
Theme URI: https://weprintpromo.com
Author: Manus AI
Author URI: https://manus.im
Description: A custom corporate theme for Weprint Promo with Navy Blue and Orange branding. Features include WooCommerce integration, Elementor compatibility, volume pricing, custom logo upload, and social sharing.
Version: 5.4
License: MIT
License URI: http://opensource.org/licenses/MIT
Text Domain: weprint-promo
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
WC requires at least: 7.0
WC tested up to: 8.4
*/

/* 
   This theme uses Tailwind CSS via CDN for styling.
   Custom styles can be added here if needed.
*/

body {
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}

/* ============================================
   HEADER LOGO - CRITICAL FIX
   ============================================ */
header img,
.site-header img,
.custom-logo,
header .custom-logo-link img,
header a img {
    max-height: 64px !important;
    height: 64px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* WooCommerce shop page header logo fix */
.woocommerce header img,
.woocommerce-page header img,
body.woocommerce header a img,
body.woocommerce-page header a img {
    max-height: 64px !important;
    height: 64px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* Ensure logo container doesn't expand */
header a[href*="home"],
header .logo-link,
header > div > div > a:first-child {
    display: flex;
    align-items: center;
    max-height: 80px;
}

/* ============================================
   LINE CLAMP UTILITY
   ============================================ */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ============================================
   CUSTOM SCROLLBAR
   ============================================ */
.filter-sidebar::-webkit-scrollbar {
    width: 6px;
}

.filter-sidebar::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 3px;
}

.filter-sidebar::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

.filter-sidebar::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* ============================================
   WOOCOMMERCE OVERRIDES
   ============================================ */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    border-top-color: #F58220 !important;
}

.woocommerce-message::before,
.woocommerce-info::before {
    color: #F58220 !important;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background-color: #F58220 !important;
    color: white !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: #002B5C !important;
}

/* ============================================
   PRODUCT CARD EFFECTS
   ============================================ */
.product-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-card:hover {
    transform: translateY(-4px);
}

/* ============================================
   SMOOTH TRANSITIONS
   ============================================ */
a, button, input, select, textarea {
    transition: all 0.2s ease;
}

/* ============================================
   ACCESSIBILITY
   ============================================ */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid #F58220;
    outline-offset: 2px;
}

/* ============================================
   PRINT STYLES
   ============================================ */
@media print {
    .no-print {
        display: none !important;
    }
}

/* ============================================
   ELEMENTOR COMPATIBILITY
   ============================================ */
.elementor-page .entry-content,
.elementor-page article {
    width: 100%;
    max-width: 100%;
}

.elementor-page main {
    padding: 0;
}