/* ==========================================================================
   panellomobilya.com Official Typography Engine (Panello Mobilya)
   Directly downloaded & served local WOFF2 font assets
   Includes 100% Turkish (Latin-Extended) Character Support
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. FRAUNCES -> Remapped to Clean Modern Sans-Serif (Lato)
   Eliminates outdated serif display glyphs across all templates & cached styles
   -------------------------------------------------------------------------- */
@font-face {
  font-family: 'Fraunces-2';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/Lato-Light.woff2') format('woff2');
}

@font-face {
  font-family: 'Fraunces-2';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Lato-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Fraunces-2';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/Lato-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Fraunces-2';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/Lato-Bold.woff2') format('woff2');
}

@font-face {
  font-family: 'Fraunces-2';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/Lato-Bold.woff2') format('woff2');
}

/* Fraunces Standard Alias */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/Lato-Light.woff2') format('woff2');
}

@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Lato-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/Lato-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/Lato-Bold.woff2') format('woff2');
}

@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/Lato-Bold.woff2') format('woff2');
}

/* --------------------------------------------------------------------------
   2. LATO (Modern Clean Geometric Sans - Body, Menus, Buttons, Prices)
   Used by panellomobilya.com as 'Lato-2'
   -------------------------------------------------------------------------- */
@font-face {
  font-family: 'Lato-2';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/Lato-Light.woff2') format('woff2');
}

@font-face {
  font-family: 'Lato-2';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Lato-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Lato-2';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/Lato-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Lato-2';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/Lato-Bold.woff2') format('woff2');
}

@font-face {
  font-family: 'Lato-2';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/Lato-Bold.woff2') format('woff2');
}

@font-face {
  font-family: 'Lato-2';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/Lato-Black.woff2') format('woff2');
}

/* Lato Standard Alias */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/Lato-Light.woff2') format('woff2');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Lato-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/Lato-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/Lato-Bold.woff2') format('woff2');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/Lato-Bold.woff2') format('woff2');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/Lato-Black.woff2') format('woff2');
}

/* --------------------------------------------------------------------------
   3. PRATA (High-Contrast Didone Display Serif - Badges, Sub-Titles)
   Used by panellomobilya.com as 'Prata-2'
   -------------------------------------------------------------------------- */
@font-face {
  font-family: 'Prata-2';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Prata-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Prata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Prata-Regular.woff2') format('woff2');
}

/* --------------------------------------------------------------------------
   4. MATERIAL SYMBOLS OUTLINED (panellomobilya.com UI Icons)
   -------------------------------------------------------------------------- */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  src: url('../fonts/Material-Symbols-Outlined.woff2') format('woff2');
  font-display: swap;
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

/* --------------------------------------------------------------------------
   5. GLOBAL TYPOGRAPHY RULES (Matched to panellomobilya.com Design System)
   -------------------------------------------------------------------------- */
:root {
  --font-heading-family: 'Lato-2', 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-subheading-family: 'Lato-2', 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-body-family: 'Lato-2', 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-serif: 'Lato-2', 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-sans: var(--font-body-family);
}

/* Base Body Font */
body, button, input, select, textarea, .p, p {
  font-family: var(--font-body-family);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Modern Clean Sans Headings (panellomobilya.com Standard) */
h1, h2, h3, h4, h5, h6, 
.heading-font, .font-heading, 
.product__title,
.section-header h2,
.product-single__title,
.collection-title,
.panello-card-title,
.editorial-serif,
.banner__heading, 
.collection-hero__title,
.itsp__heading {
  font-family: var(--font-heading-family);
  letter-spacing: -0.015em;
}

/* Subheadings, Category Titles & Luxury Badges */
.sub-category-title,
.new_badge,
.featured_title,
.category-badge-title,
.card-serif-title {
  font-family: var(--font-subheading-family);
  font-weight: 600;
}

/* Prices, Breadcrumbs, Buttons, Menus (panellomobilya.com Lato-2 Style) */
.price, 
.product-item-content .price,
#price,
.product-price,
.breadcrumb-title,
.individual-menu-item,
.sub-menu-title-redesigned,
.btn,
.search-input,
.itsp__body,
.itsp__btn {
  font-family: var(--font-body-family);
}