/*
Theme Name: Puri Polymers
Text Domain: puripolymers
Version: 3.0
Tested up to: 6.9
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Puri Polymers is a modern, lightweight WordPress theme designed for polymer manufacturers, plastic raw material suppliers, and industrial trading businesses. The theme supports the WordPress block editor, enabling flexible layouts for product listings, company profiles, and landing pages. With responsive design, clean typography, and customization options for colors, logo, and menus, it ensures a professional online presence and optimal performance across all devices.
Tags: polymer-supplier, plastic-raw-material, manufacturing-industry, industrial-business, corporate-website, product-catalog, block-editor, responsive-layout, wide-blocks
Author: the Puri Polymers team
Author URI: https://puripolymers.com/
Theme URI: https://puripolymers.org/themes/puripolymers/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

.product-gallery {
    max-width: 600px;
    background: #fff;
    border-radius: 8px;
    position: relative;
}

/* Main Image */
.product-main-slider img {
    width: 100%;
    border-radius: 10px;
    display: block;
}

/* Zoom Icon */
.zoom-icon {
    position: absolute;
    top: 25px;
    right: 25px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    font-size: 18px;
}
.zoom-icon svg { width: 20px; }

/* Thumbnails */
.product-thumb-slider {
    margin-top: 12px;
}

.product-thumb-slider img {
    width: 100%;
    border: 2px solid transparent;
    border-radius: 10px;
    cursor: pointer;
}

.swiper-slide-thumb-active img {
    border-color: #0054A8;
}

.swiper-button-next, .swiper-button-prev { color: #0054A8 !important; }
.gallery-popup .swiper-button-next, .gallery-popup .swiper-button-prev { color: #fff; }

/* Popup */
.gallery-popup {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.gallery-popup.active {
    display: flex;
}

/* Make popup BIG */
.popup-inner {
    width: auto;
    max-width: 95vw;
    max-height: 95vh;
    position: relative;
}

/* Image sizing magic */
.popup-inner img {
    max-width: 95vw;
    max-height: 95vh;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    margin: auto;
}

.popup-close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
    z-index: 10;
}

/* Mobile tweaks */
@media (max-width: 768px) {
    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }
}

.product-inner-wrapper .product-side-wrapper { position: sticky; top: 120px; }
.product-inner-wrapper .product-side-wrapper h2 { font-size: 35px; line-height: 45px; font-weight: 600; }
.product-inner-wrapper .product-side-wrapper .short-description { margin-top: 10px; }
.product-inner-wrapper .product-side-wrapper .short-description ul { list-style: none; padding: 0; margin: 0; }
.product-inner-wrapper .product-side-wrapper .short-description ul li { position: relative; padding-left: 30px; margin-bottom: 2px; font-size: 16px; line-height: 30px; color: #241F21; }
.product-inner-wrapper .product-side-wrapper .short-description ul li::before { content: ""; position: absolute; left: 0; top: 7px; width: 18px; height: 18px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); }
.product-meta-category { margin-top: 20px; }
.product-meta-category strong { font-size: 18px; line-height: 30px; font-weight: 500; }
.product-meta-category a { color: #555855; font-size: 18px; line-height: 30px; font-weight: 500; }
.product-meta-category a:hover { font-weight: 500; color: #0054A8; font-size: 18px; line-height: 30px; }

.product-inquiry-actions { display: flex; gap: 15px; margin: 30px 0; }

.inquiry-btn,
.whatsapp-btn { padding: 12px 30px; border-radius: 4px; font-size: 18px !important; cursor: pointer; text-decoration: none; border: none; display: inline-flex; align-ite s: center; justify- ontent: cente; line-height: 30px !important; }

.inquiry-btn svg { fill: #fff; margin-left: 10px; transform: rotate(-45deg); transition: all 0.4s ease-in-out; }

.inquiry-btn { background: #0054a8; color: #fff; display: flex; align-items: center; border-radius: 50px; }
.inquiry-btn:hover { background-color: #ED1D26; }

.whatsapp-btn { background: #25d366; color: #fff !important; border-radius: 50px; display: flex; align-items: center; font-weight: 500 !important; }
.whatsapp-btn a { color: #fff !important; font-size: 18px; line-height: 30px; font-weight: 500; color: #fff; }
.whatsapp-btn a:hover { transform: rotate(0); font-weight: 500; }
.whatsapp-btn svg { width: 20px; height: 20px; margin-left: 10px; }

/* Popup */
.inquiry-popup { position: fixed; inset: 0; background: rgba(0,0,0,0.6); display: none; align-items: center; justify-content: center; z-index: 9999; }

.inquiry-popup h3 { font-size: 20px; line-height: 30px; margin-bottom: 15px }

.inquiry-popup.active { display: flex; }

.inquiry-popup-inner { background: #fff; width: 90%; max-width: 650px; padding: 25px; border-radius: 8px; position: relative; }

.inquiry-popup-inner input,
.inquiry-popup-inner textarea { margin-bottom: 10px; font-family: "DM Sans", Sans-serif; font-size: 16px; font-weight: 400; line-height: 30px; letter-spacing: .5px; color: #241F21; border: 1px solid #0000004D; padding: 10px; width: 100%; height: 50px; border-radius: 5px; }
.inquiry-popup-inner textarea { height: 120px; }

.inquiry-popup-inner input:focus, .inquiry-popup-inner textarea:focus { outline: none; border:1px solid #0054a8; }

.inquiry-popup-inner button { width: 100%; padding: 10px 55px 10px 30px; background: #0054a8; color: #fff; border: none; cursor: pointer; }
.inquiry-popup-inner .btn-submit { border: none; width: auto; padding: 10px 55px 10px 30px; border-radius: 50px; }
.inquiry-popup-inner .btn-submit:hover { border: none; }

.inquiry-close { position: absolute; top: 10px; right: 12px; font-size: 40px; cursor: pointer; color: #ED1D26; }
.inquiry-popup .wpcf7-spinner { position: absolute; }

@media (max-height: 600px) {
    .inquiry-popup-inner {
        max-height: 90vh;
        overflow-y: auto;
    }
}

.product-tabs-wrapper {
    background: #F7F9FA;
    border-radius: 16px;
    padding: 30px;
    margin-top: 60px;
}

.product-tabs-wrapper .nav-tabs {
    border-bottom: none;
}

.product-tabs-wrapper .nav-link {
    border: none;
    font-weight: 600;
    color: #333;
}

.product-tabs-wrapper .nav-link.active {
    color: #2f5aff;
    border-bottom: 2px solid #2f5aff;
}

.tab-pane {
    padding-top: 20px;
}