/**
 * EAACI-Inspired Typography & Spacing Updates
 * Përditësim i madhësisë së shkrimit, spacing dhe layout sipas stilit EAACI
 */

/* ============================================
   TYPOGRAPHY UPDATES - Madhësi më të mëdha shkrimi
   ============================================ */

/* Base Body Text - Më i madh dhe më i lexueshëm */
body {
    font-size: 18px !important; /* Nga 16px në 18px */
    line-height: 1.75 !important; /* Nga 1.6 në 1.75 */
    letter-spacing: 0.01em;
}

/* Headings - Madhësi më të mëdha */
h1, .h1 {
    font-size: clamp(2.5rem, 5vw, 3.5rem) !important; /* ~40-56px */
    line-height: 1.2 !important;
    letter-spacing: -0.02em;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

h2, .h2 {
    font-size: clamp(2rem, 4vw, 2.75rem) !important; /* ~32-44px */
    line-height: 1.3 !important;
    letter-spacing: -0.01em;
    font-weight: 700;
    margin-bottom: 1.25rem;
}

h3, .h3 {
    font-size: clamp(1.5rem, 3vw, 2rem) !important; /* ~24-32px */
    line-height: 1.4 !important;
    letter-spacing: 0;
    font-weight: 600;
    margin-bottom: 1rem;
}

h4, .h4 {
    font-size: clamp(1.25rem, 2.5vw, 1.5rem) !important; /* ~20-24px */
    line-height: 1.4 !important;
    font-weight: 600;
    margin-bottom: 0.875rem;
}

h5, .h5 {
    font-size: 1.125rem !important; /* 18px */
    line-height: 1.5 !important;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

h6, .h6 {
    font-size: 1rem !important; /* 16px */
    line-height: 1.5 !important;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

/* Paragraphs - Më të mëdha */
p {
    font-size: 18px !important;
    line-height: 1.75 !important;
    margin-bottom: 1.5rem;
}

/* Links */
a {
    font-size: 18px !important;
    line-height: 1.75;
}

/* ============================================
   CONTAINER & LAYOUT - Më të gjera
   ============================================ */



.container-fluid {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

@media (max-width: 768px) {
    .container {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    
    .container-fluid {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}

/* ============================================
   SECTION SPACING - Më shumë hapësirë
   ============================================ */



/* ============================================
   BUTTONS - Më të mëdha dhe më të lexueshme
   ============================================ */

.btn, button, .button {
    font-size: 16px !important; /* Nga 14px në 16px */
    padding: 0.875rem 2rem !important; /* Nga 0.75rem 1.5rem */
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 500;
}

.btn-lg, .button-large {
    font-size: 18px !important;
    padding: 1rem 2.5rem !important;
}

.btn-sm, .button-small {
    font-size: 14px !important;
    padding: 0.625rem 1.5rem !important;
}

/* ============================================
   CARDS & CONTENT BLOCKS - Më shumë padding
   ============================================ */

.card, .product-card-modern, .service-card-mahnites, .feature-card-modern {
    padding: 2rem !important; /* Nga 1.5rem në 2rem */
}
@media (max-width: 480px) {
    .service-card-modern, .feature-card-modern {
        padding: 10px !important;
    }
	.hero-description-modern {
		font-size: 15px !important;
	}
	.hero-title-revolutionary {
		font-size: 30px !important;
		}
}

.card-body {
    padding: 2rem !important;
}

/* ============================================
   NAVIGATION - Më të mëdha
   ============================================ */

.navbar-nav .nav-link {
    font-size: 16px !important; /* Nga 14px në 16px */
    padding: 0.75rem 1.25rem !important;
    letter-spacing: 0.01em;
}

/* ============================================
   PRODUCTS & GRID ITEMS
   ============================================ */

.product-title-modern,
.product-card-modern h3,
.product-card-modern .product-title {
    font-size: 1.25rem !important; /* 20px */
    line-height: 1.4;
    margin-bottom: 0.75rem;
}

.product-price-modern {
    font-size: 1.25rem !important; /* 20px */
    font-weight: 600;
}

.product-description-modern,
.product-card-modern p {
    font-size: 16px !important;
    line-height: 1.6;
}

/* ============================================
   HERO SECTIONS - Titra më të mëdha
   ============================================ */

.hero-title-revolutionary,
.slide-title,
.hero h1 {
    font-size: clamp(2.5rem, 6vw, 4rem) !important; /* ~40-64px */
    line-height: 1.2 !important;
    letter-spacing: -0.03em;
    margin-bottom: 1.5rem;
}

.hero-description-modern,
.slide-desc,
.hero p {
    font-size: 1.25rem !important; /* 20px */
    line-height: 1.75;
    margin-bottom: 2rem;
}

/* ============================================
   SECTION TITLES
   ============================================ */

.section-title-modern,
.services-title-mahnites,
h2.section-title {
    font-size: clamp(2rem, 4vw, 2.75rem) !important; /* ~32-44px */
    line-height: 1.3;
    margin-bottom: 1rem;
}

.section-subtitle-modern,
.services-subtitle {
    font-size: 1.125rem !important; /* 18px */
    line-height: 1.75;
    margin-bottom: 3rem;
}

/* ============================================
   FEATURES & SERVICES
   ============================================ */

.feature-title,
.service-title-mahnites,
.feature-card-modern h3 {
    font-size: 1.5rem !important; /* 24px */
    line-height: 1.4;
    margin-bottom: 1rem;
}

.feature-description,
.service-description-mahnites {
    font-size: 16px !important;
    line-height: 1.75;
}

/* ============================================
   NEWSLETTER & FORMS
   ============================================ */

.newsletter-title {
    font-size: clamp(1.75rem, 3vw, 2.25rem) !important; /* ~28-36px */
    line-height: 1.3;
    margin-bottom: 1rem;
}

.newsletter-subtitle {
    font-size: 1.125rem !important; /* 18px */
    line-height: 1.75;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select {
    font-size: 16px !important; /* Nga 14px në 16px */
    padding: 0.875rem 1.25rem !important;
    line-height: 1.5;
}

/* ============================================
   FOOTER
   ============================================ */

footer {
    font-size: 16px !important;
    line-height: 1.75;
}

footer h4, footer h5 {
    font-size: 1.125rem !important; /* 18px */
    margin-bottom: 1rem;
}

footer a, footer p {
    font-size: 16px !important;
    line-height: 1.75;
}

/* ============================================
   RESPONSIVE ADJUSTMENTS
   ============================================ */

@media (max-width: 1200px) {
    .container {
        max-width: 1140px !important;
    }
}

@media (max-width: 992px) {
    .container {
        max-width: 960px !important;
    }
    
    h1, .h1 {
        font-size: 2.5rem !important;
    }
    
    h2, .h2 {
        font-size: 2rem !important;
    }
}

@media (max-width: 768px) {
    body {
        font-size: 16px !important;
    }
    
    h1, .h1 {
        font-size: 2rem !important;
    }
    
    h2, .h2 {
        font-size: 1.75rem !important;
    }
    
    h3, .h3 {
        font-size: 1.5rem !important;
    }
    
    p {
        font-size: 16px !important;
    }
    
    .btn {
        font-size: 15px !important;
        padding: 0.75rem 1.5rem !important;
    }
}

@media (max-width: 576px) {
    body {
        font-size: 15px !important;
    }
    
    h1, .h1 {
        font-size: 1.75rem !important;
    }
    
    h2, .h2 {
        font-size: 1.5rem !important;
    }
    
    .container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

/* ============================================
   UTILITY CLASSES
   ============================================ */

.text-large {
    font-size: 1.25rem !important; /* 20px */
    line-height: 1.75;
}

.text-xl {
    font-size: 1.5rem !important; /* 24px */
    line-height: 1.5;
}

.spacing-large {
    margin-bottom: 3rem !important;
}

.spacing-xl {
    margin-bottom: 4rem !important;
}