/* ==========================================================================
   Hadanco Website - Responsive Laptop Styles (14-inch & Medium Screens)
   تنسيقات متجاوبة مستقلة لشاشات اللابتوب (14 بوصة وما يعادلها: 992px إلى 1400px)
   ========================================================================== */

@media (min-width: 992px) and (max-width: 1400px) {

    /* ==========================================
       1. Header & Navigation (الهيدر وقائمة التنقل)
       ========================================== */
    /* الطبقة الأولى: شريط التواصل العلوي */
    .header-layer-1 {
        padding: 8px 32px !important;
    }

    .header-layer-1 .contact-label,
    .header-layer-1 .contact-link,
    .header-layer-1 .email-label,
    .header-layer-1 .email-link {
        font-size: 13.5px !important;
    }

    /* الطبقة الثانية: اللوجو والبحث والإجراءات */
    .header-layer-2 {
        padding: 10px 32px !important;
    }

    .header-logo .logo-img {
        max-height: 48px !important;
    }

    .header-logo .logo-text {
        font-size: 24px !important;
    }

    .search-form {
        height: 48px !important;
    }

    .search-input {
        font-size: 14px !important;
        padding: 0 16px !important;
    }

    .search-category {
        font-size: 13px !important;
        padding: 0 12px !important;
    }

    .header-action-icon {
        width: 44px !important;
        height: 44px !important;
        font-size: 20px !important;
    }

    /* الطبقة الثالثة: شريط القوائم البرتقالي */
    .header-layer-3 {
        padding: 4px 32px !important;
    }

    .navbar-nav .nav-link {
        font-size: 14px !important;
        padding: 10px 8px !important;
        letter-spacing: 0.2px !important;
    }

    .partner-menu-item,
    .partner-submenu-item {
        font-size: 14px !important;
    }

    /* ==========================================
       2. Global Typography & Headings (العناوين العامة)
       ========================================== */
    h1, .h1 {
        font-size: clamp(26px, 2.4vw, 32px) !important;
        line-height: 1.3 !important;
    }

    h2, .h2,
    .section-title,
    .section-heading,
    .section-header h2 {
        font-size: clamp(22px, 2vw, 26px) !important;
        line-height: 1.3 !important;
    }

    h3, .h3 {
        font-size: clamp(18px, 1.6vw, 21px) !important;
        line-height: 1.35 !important;
    }

    .section-subtitle {
        font-size: 14px !important;
        margin-bottom: 24px !important;
    }

    /* ==========================================
       3. Home Page Sections (الصفحة الرئيسية)
       ========================================== */
    /* Hero Slider */
    body.website-home .hero-slider-section,
    body.website-home .hero-slide {
        height: clamp(340px, 32vw, 420px) !important;
    }

    body.website-home .hero-content {
        padding: 28px 0 !important;
    }

    body.website-home .hero-title {
        font-size: clamp(26px, 2.6vw, 36px) !important;
        margin-bottom: 14px !important;
        line-height: 1.25 !important;
    }

    body.website-home .hero-description {
        font-size: 15px !important;
        margin-bottom: 20px !important;
        line-height: 1.5 !important;
    }

    body.website-home .hero-buttons .btn {
        padding: 10px 24px !important;
        font-size: 14.5px !important;
    }

    /* Features Section */
    .features-section {
        padding: 36px 0 !important;
    }

    .feature-title {
        font-size: 15.5px !important;
    }

    .feature-desc {
        font-size: 13px !important;
    }

    /* Product Categories */
    .product-categories-section {
        padding: 45px 0 !important;
    }

    .category-card-title,
    .category-item-title {
        font-size: 15px !important;
    }

    /* About Section (Home) */
    .about-section {
        padding: 50px 0 !important;
    }

    .about-section h2 {
        font-size: 25px !important;
    }

    .about-section p {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    /* Most Popular & Hot Deals (.phd) */
    .phd {
        padding: 40px 20px !important;
        gap: 24px !important;
    }

    .phd h2 {
        font-size: 22px !important;
    }

    .phd-item__title {
        font-size: 14.5px !important;
    }

    .phd-item__price {
        font-size: 14.5px !important;
    }

    /* Product Tabs Section */
    .home-product-tabs {
        padding: 45px 0 !important;
    }

    .home-product-tabs__nav button,
    .home-product-tabs__nav a {
        font-size: 14.5px !important;
        padding: 8px 18px !important;
    }

    .home-product-card__title {
        font-size: 14.5px !important;
        line-height: 1.4 !important;
    }

    .home-product-card__price {
        font-size: 14.5px !important;
    }

    .home-product-card__cart {
        font-size: 13.5px !important;
        padding: 7px 12px !important;
    }

    /* Packaging Stats Section */
    .packaging-stats-section {
        padding: 50px 0 !important;
    }

    .stat-number,
    .stat-box h3 {
        font-size: 34px !important;
    }

    .stat-label,
    .stat-box p {
        font-size: 14px !important;
    }

    /* Principals / Partners Section */
    .principals-section {
        padding: 45px 0 !important;
    }

    /* ==========================================
       4. Inner Pages (الصفحات الداخلية)
       ========================================== */
    /* Catalog / Products Page */
    .catalog-taxonomy-strip {
        padding: 24px 0 !important;
    }

    .taxonomy-item {
        font-size: 14px !important;
        padding: 8px 16px !important;
    }

    .catalog-product-card {
        padding: 14px !important;
    }

    .catalog-product-name {
        font-size: 14.5px !important;
    }

    .catalog-product-price {
        font-size: 14.5px !important;
    }

    /* Product Detail Page */
    .product-detail-section {
        padding: 40px 0 !important;
    }

    .product-detail-title {
        font-size: 24px !important;
    }

    .product-detail-price {
        font-size: 21px !important;
    }

    .product-detail-description {
        font-size: 14.5px !important;
    }

    /* Services Page */
    .services-page__intro {
        padding: 45px 0 !important;
    }

    .services-page__eyebrow {
        font-size: 1.4rem !important;
    }

    .services-page__intro-heading {
        font-size: 1.8rem !important;
    }

    .services-page__description {
        font-size: 14.5px !important;
    }

    /* About Page */
    .about-page-intro {
        padding: 45px 0 !important;
    }

    .about-page-eyebrow {
        font-size: 1.4rem !important;
    }

    .about-page-heading {
        font-size: 1.8rem !important;
    }

    .about-page-description {
        font-size: 14.5px !important;
    }

    /* Contact Page */
    .contact-page {
        padding: 45px 0 !important;
    }

    .contact-section-title {
        font-size: 24px !important;
    }

    .contact-form input,
    .contact-form textarea,
    .contact-form select {
        font-size: 14px !important;
        padding: 10px 14px !important;
    }

    /* Quote Page */
    .quote-page {
        padding: 45px 0 !important;
    }

    /* Blog Pages */
    .blog-page {
        padding: 45px 0 !important;
    }

    .blog-card__title {
        font-size: 17px !important;
    }

    .blog-card__excerpt {
        font-size: 14px !important;
    }

    /* ==========================================
       5. Footer (الفوتر)
       ========================================== */
    .footer-main {
        padding: 48px 0 24px !important;
    }

    .footer-widget .footer-title,
    .footer-widget h4 {
        font-size: 17px !important;
        margin-bottom: 16px !important;
    }

    .footer-widget p,
    .footer-widget li a,
    .footer-contact-info,
    .footer-contact-item {
        font-size: 14px !important;
    }

    .footer-bottom {
        padding: 14px 0 !important;
        font-size: 13px !important;
    }
}

/* ==========================================================================
   Tighter Laptop Screens (<= 1280px / standard 1366x768 screens)
   شاشات 14 بوصة الأكثر شيوعاً بدقة 1366x768 أو 1280px
   ========================================================================== */
@media (min-width: 992px) and (max-width: 1280px) {
    .header-layer-1,
    .header-layer-2,
    .header-layer-3 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .navbar-nav .nav-link {
        font-size: 13.5px !important;
        padding: 9px 6px !important;
    }

    .home-product-tabs__grid {
        gap: 16px !important;
    }
}