/**
 * Leklook Mobile Styles
 * Loaded only on screens <= 782px
 */

/* ===== Touch Targets ===== */
a,
button,
input[type="submit"],
input[type="button"],
.wp-block-button__link,
.wp-block-navigation-item__content,
.wc-block-components-quantity-selector button {
    min-height: 44px;
    min-width: 44px;
}

/* ===== Typography ===== */
body {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
}

h1, .wp-block-post-title {
    font-size: clamp(1.5rem, 6vw, 2.2rem);
    line-height: 1.3;
}

h2 {
    font-size: clamp(1.3rem, 5vw, 1.8rem);
}

h3 {
    font-size: clamp(1.1rem, 4vw, 1.5rem);
}

/* ===== Layout ===== */
.wp-block-columns {
    flex-direction: column !important;
    gap: 1rem !important;
}

.wp-block-columns > .wp-block-column {
    flex-basis: 100% !important;
    width: 100% !important;
}

.wp-site-blocks {
    padding-inline: 1rem;
}

/* ===== Header ===== */
.leklook-header {
    padding: 0.75rem 1rem;
}

.leklook-announcement-bar {
    font-size: 0.8rem;
    padding: 0.5rem;
}

/* ===== Hero ===== */
.leklook-hero {
    min-height: 50vh;
    padding: 2rem 1rem;
}

.leklook-hero h1 {
    font-size: clamp(1.5rem, 7vw, 2.5rem);
}

/* ===== Product Grid ===== */
.wc-block-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.75rem !important;
}

.wc-block-grid__product-title {
    font-size: 0.85rem;
    line-height: 1.3;
}

.wc-block-grid__product-add-to-cart .wp-block-button__link {
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    width: 100%;
}

/* ===== Categories Grid ===== */
.leklook-categories-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.75rem !important;
}

/* ===== Trust Badges ===== */
.leklook-trust-badges {
    flex-direction: column;
    gap: 1rem;
}

.leklook-trust-badge {
    flex-direction: row;
    text-align: start;
    gap: 0.75rem;
    padding: 0.75rem;
}

/* ===== Testimonials ===== */
.leklook-testimonials .wp-block-columns {
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch;
}

.leklook-testimonials .wp-block-column {
    scroll-snap-align: start;
    min-width: 85vw !important;
    flex-shrink: 0 !important;
}

/* ===== Cart & Checkout ===== */
.wc-block-checkout .wc-block-components-text-input input,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="password"],
textarea,
select {
    font-size: 16px; /* Prevent iOS zoom */
    padding: 0.75rem;
}

/* ===== Buttons ===== */
.wp-block-button__link {
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    width: 100%;
    text-align: center;
}

.wp-block-buttons {
    flex-direction: column;
}

/* ===== Tables ===== */
.wp-block-table,
.leklook-comparison-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* ===== Footer ===== */
.leklook-footer .wp-block-columns {
    gap: 1.5rem !important;
}

.leklook-footer .wp-block-column {
    text-align: center;
}

/* ===== WhatsApp Button ===== */
.leklook-whatsapp-float {
    bottom: 1rem;
    left: 1rem;
    width: 52px;
    height: 52px;
}

/* ===== Blog Grid ===== */
.wp-block-post-template {
    grid-template-columns: 1fr !important;
}

/* ===== Offers & Wishlist ===== */
.leklook-offers-grid,
.leklook-wishlist-grid {
    grid-template-columns: 1fr !important;
}

/* ===== Spacing ===== */
.wp-block-spacer {
    height: 2rem !important;
}

/* ===== Search ===== */
.wp-block-search__inside-wrapper {
    flex-direction: column;
    gap: 0.5rem;
}

.wp-block-search__button {
    width: 100%;
    justify-content: center;
}

/* ===== Smooth Scrolling ===== */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 70px;
}

/* ===== Visibility ===== */
.hide-on-mobile {
    display: none !important;
}

.show-on-mobile {
    display: block !important;
}