/* ==========================================================================
   UI KIT: TYPOGRAPHY (FLATSOME OVERRIDES)
   Глобални стилове за текст, заглавия и презаписване на темата
   ========================================================================== */

/* 1. ГЛОБАЛЕН ТЕКСТ (Base Text) */
body, p, span, div, a, li, td, th {
    font-family: var(--font-primary) !important;
    font-weight: var(--fw-regular); /* 500 */
    color: var(--fiptec-slate-700);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Стронг / Болд текстове */
b, strong {
    font-weight: var(--fw-bold) !important; /* 700 */
    color: var(--fiptec-slate-900);
}

/* 2. ЗАГЛАВИЯ (Headings) */
h1, h2, h3, h4, h5, h6, 
.headline, 
.product-title, 
.page-title {
    font-family: var(--font-primary) !important;
    font-weight: var(--fw-black) !important; /* 900 */
    color: var(--fiptec-slate-900) !important;
    line-height: 1.1 !important;
    margin-bottom: 0.3em;
    text-transform: none; /* Премахваме автоматичния CapsLock на Flatsome */
    
}


/* ==========================================================================
   MOBILE TYPOGRAPHY FIXES (Само за много малки екрани)
   ========================================================================== */
@media (max-width: 480px) {
    h1, h2, h3, h4, h5, h6, 
    .headline, 
    .product-title, 
    .page-title {
        /* Чупи думата само ако е по-дълга от самия екран на телефона */
        overflow-wrap: break-word !important;
        word-break: break-word !important;
        hyphens: auto !important;
    }
}

h1 { font-size: clamp(2rem, 5vw, 3rem) !important; }
h2 { font-size: clamp(1.75rem, 4vw, 2.25rem) !important; }
h3 { font-size: clamp(1.5rem, 3vw, 1.75rem) !important; }
h4 { font-size: clamp(1.25rem, 2vw, 1.5rem) !important; }
h5 { font-size: clamp(1rem, 1.5vw, 1.25rem) !important; }
h6 { font-size: clamp(0.875rem, 1vw, 1rem) !important; }

/* 3. АЛТЕРНАТИВЕН ШРИФТ (Alt Font) */
.alt-font {
    font-family: var(--font-secondary) !important;
    font-style: italic;
    font-weight: var(--fw-regular) !important;
}

/* ==========================================================================
   FLATSOME SPECIFIC OVERRIDES (Спрямо твоя списък с настройки)
   ========================================================================== */

/* Breadcrumbs (Трохички) - Нормален текст */
.breadcrumbs, 
.breadcrumbs a {
    text-transform: none !important;
    font-weight: var(--fw-bold) !important;
    font-size: 13px !important;
    letter-spacing: normal !important;
}

/* Buttons (Бутони) - UPPERCASE */
button, 
.button, 
.button span {
    text-transform: uppercase !important;
    font-weight: var(--fw-black) !important; /* 900 */
    letter-spacing: 0.05em !important;
    font-family: var(--font-primary) !important;
}

/* Navigation / Tabs (Навигация и Табове) - Нормален текст (но болд) */
.nav > li > a, 
.tab-title, 
.nav-links a {
    text-transform: none !important;
    font-weight: var(--fw-bold) !important; /* 700 */
    letter-spacing: normal !important;
    font-family: var(--font-primary) !important;
}

/* Section Titles (Секционни заглавия) - Нормален текст (но много дебел) */
.section-title span, 
.section-title b, 
.section-title h2, 
.section-title h3 {
    text-transform: none !important;
    font-weight: var(--fw-black) !important; /* 900 */
    letter-spacing: -0.02em !important;
}

/* Widget Titles (Заглавия на уиджети/сайдбар) - UPPERCASE */
.widget-title, 
.widget-title span, 
.sidebar-wrapper .widget-title {
    text-transform: uppercase !important;
    font-weight: var(--fw-black) !important; /* 900 */
    letter-spacing: 0.05em !important;
    font-size: 14px !important;
}

/* ==========================================================================
   UI KIT: TYPOGRAPHY UTILITIES (Помощни класове за React и PHP)
   Използвай тези класове вместо inline стилове!
   ========================================================================== */

/* 1. РАЗМЕРИ (Sizes) */
.aopc-text-xs   { font-size: 11px !important; line-height: 1.4 !important; } /* За дребни етикети и баджове */
.aopc-text-sm   { font-size: 13px !important; line-height: 1.5 !important; } /* За допълнително инфо, SKU, мета данни */
.aopc-text-base { font-size: 15px !important; line-height: 1.6 !important; } /* Основен параграфен текст */
.aopc-text-lg   { font-size: 18px !important; line-height: 1.4 !important; } /* За подзаглавия */
.aopc-text-xl   { font-size: 24px !important; line-height: 1.3 !important; } /* За големи акценти и цени */

/* 2. ДЕБЕЛИНИ (Weights) */
.aopc-font-regular { font-weight: var(--fw-regular) !important; } /* 500 - Нормален */
.aopc-font-bold    { font-weight: var(--fw-bold) !important; }    /* 700 - Удебелен */
.aopc-font-black   { font-weight: var(--fw-black) !important; }   /* 900 - Масивен (за заглавия и цени) */

/* 3. ЦВЕТОВЕ (Colors) */
.aopc-text-main    { color: var(--fiptec-slate-900) !important; } /* Тъмен/Черен (за заглавия) */
.aopc-text-body    { color: var(--fiptec-slate-700) !important; } /* Стандартен сив (за четене) */
.aopc-text-muted   { color: var(--fiptec-slate-400) !important; } /* Светло сив (за мета данни и хинтове) */
.aopc-text-primary { color: var(--fiptec-blue) !important; }      /* Син (бранд/линкове) */
.aopc-text-danger  { color: var(--fiptec-red) !important; }       /* Червен (грешки/промо цени) */
.aopc-text-success { color: var(--fiptec-green) !important; }     /* Зелен (успех/наличност) */
.aopc-text-warning { color: var(--fiptec-orange) !important; }    /* Оранжев (акценти) */

/* 4. ПОМОЩНИ (Helpers) */
.aopc-text-center  { text-align: center !important; }
.aopc-text-right   { text-align: right !important; }
.aopc-text-left    { text-align: left !important; }

.aopc-uppercase    { text-transform: uppercase !important; letter-spacing: 0.05em !important; }
.aopc-line-through { text-decoration: line-through !important; }

/* Супер полезен клас: Реже текста с "..." ако е твърде дълъг (За заглавия на продукти в таблица) */
.aopc-truncate { 
    white-space: nowrap !important; 
    overflow: hidden !important; 
    text-overflow: ellipsis !important; 
    display: block;
}

/* 5. ДОПЪЛНИТЕЛНИ МОДИФИКАТОРИ (Нови) */
.aopc-text-white { color: #ffffff !important; }

.aopc-italic       { font-style: italic !important; }
.aopc-underline    { text-decoration: underline !important; }
.aopc-no-underline { text-decoration: none !important; }

/* Забрана за пренасяне (Супер важно за Цени и Дати!) */
.aopc-whitespace-nowrap { white-space: nowrap !important; }

/* Многоредово отрязване (Line Clamp) - За продуктови заглавия в грид */
.aopc-line-clamp-2 {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Височина на реда (Line Height) */
.aopc-leading-none  { line-height: 1 !important; }   /* За баджове и цени */
.aopc-leading-tight { line-height: 1.2 !important; } /* За заглавия */
.aopc-leading-loose { line-height: 1.7 !important; } /* За лесни за четене параграфи */