/*
Theme Name:   Ildikó Szépségfarm — Editorial
Theme URI:    https://ildikoszepsegfarm.hu/
Description:  Egyedi gyermek-sablon a Lesya theme fölé. Editorial, magazinos stílus, bőrszín-alapú paletta, Fraunces + Inter tipográfia. Ildikó Szépségfarm, Tatabánya.
Author:       Ildikó Szépségfarm
Author URI:   https://ildikoszepsegfarm.hu/
Template:     lesya
Version:      1.0.0
Requires at least: 5.8
Tested up to: 6.5
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  ildiko-szepsegfarm
Tags:         beauty, editorial, custom-colors, custom-menu, featured-images, threaded-comments
*/

/* =========================================================================
   ILDIKÓ SZÉPSÉGFARM — Editorial Upgrade for Lesya Theme
   ---------------------------------------------------------------------
   Ez a CSS a Lesya szülőtéma fölé épül. A Google fontok betöltése
   a functions.php-ből történik (wp_enqueue_style), így itt nem kell
   @import. Az összes stílus --isf- prefixű változókkal és .isf- osztály
   névtérrel dolgozik — nem ütközik a Lesya / Elementor / Envato Kit
   meglévő szabályaival.
   ---------------------------------------------------------------------
   Verzió: 1.0.0
   ========================================================================= */


/* -------------------------------------------------------------------------
   1. DESIGN TOKENS — színpaletta, tipográfia, rácsok
   ---------------------------------------------------------------------- */
:root {
  /* Warm editorial paletta */
  --isf-bone: #F5EFE6;
  --isf-paper: #FAF6F0;
  --isf-paper-dim: #EFE8DD;
  --isf-ink: #1A1613;
  --isf-muted: #6B5F54;
  --isf-line: rgba(26, 22, 19, 0.12);
  --isf-line-soft: rgba(26, 22, 19, 0.06);
  --isf-burgundy: #5A1E2C;
  --isf-burgundy-deep: #3E1320;
  --isf-clay: #B5654B;
  --isf-gold: #A8864C;
  --isf-gold-pale: #D4B57C;
  --isf-blush: #E8D5CC;

  /* Tipográfia */
  --isf-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --isf-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Térköz-rendszer */
  --isf-container: 1320px;
  --isf-gutter: clamp(1.25rem, 4vw, 2.5rem);
}



/* -------------------------------------------------------------------------
   3. GLOBÁLIS BÁZIS — body, színek, typography base
   ---------------------------------------------------------------------- */
body,
body.home,
body.page,
body.single {
  background-color: var(--isf-bone) !important;
  font-family: var(--isf-body) !important;
  color: var(--isf-ink) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 17px;
  line-height: 1.65;
}

::selection { background: var(--isf-burgundy); color: var(--isf-bone); }

/* Görgetősáv (desktop) */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--isf-paper); }
::-webkit-scrollbar-thumb { background: var(--isf-line); }
::-webkit-scrollbar-thumb:hover { background: var(--isf-muted); }


/* -------------------------------------------------------------------------
   4. TIPOGRÁFIA — címek, bekezdések, kiemelések
   ---------------------------------------------------------------------- */
h1, h2, h3, h4, h5,
.entry-title,
.page-title,
.widget-title,
.site-title {
  font-family: var(--isf-display) !important;
  font-weight: 350 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.1 !important;
  color: var(--isf-ink) !important;
  font-variation-settings: "opsz" 144, "SOFT" 100, "WONK" 0 !important;
}

h1, .entry-title, .page-title {
  font-size: clamp(2.5rem, 5vw, 4.25rem) !important;
  margin-bottom: 1.5rem !important;
}

h2 {
  font-size: clamp(1.8rem, 3.5vw, 2.75rem) !important;
  margin-top: 3rem !important;
  margin-bottom: 1.25rem !important;
}

h3 {
  font-size: clamp(1.35rem, 2.3vw, 1.75rem) !important;
  margin-top: 2.25rem !important;
  margin-bottom: 1rem !important;
}

h4 {
  font-size: 1.15rem !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0.8rem !important;
  font-weight: 400 !important;
}

h5, h6 {
  font-family: var(--isf-body) !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  color: var(--isf-muted) !important;
  margin-top: 2rem !important;
  margin-bottom: 0.5rem !important;
  line-height: 1.4 !important;
}

/* Első betű dropcap hatás az entry-content első paragrafusán */
.entry-content > p:first-of-type::first-letter {
  font-family: var(--isf-display);
  font-size: 3.75rem;
  float: left;
  line-height: 0.9;
  font-weight: 350;
  margin: 0.3rem 0.55rem 0 0;
  color: var(--isf-burgundy);
  font-variation-settings: "opsz" 144, "SOFT" 100;
}

/* Kiemelt (bold) szövegek */
strong, b {
  font-weight: 500 !important;
  color: var(--isf-ink) !important;
}

/* Idézetek */
blockquote {
  font-family: var(--isf-display) !important;
  font-size: clamp(1.25rem, 2vw, 1.6rem) !important;
  font-weight: 300 !important;
  font-style: italic !important;
  line-height: 1.4 !important;
  color: var(--isf-burgundy) !important;
  border-left: 2px solid var(--isf-clay) !important;
  padding: 0.5rem 0 0.5rem 2rem !important;
  margin: 2.5rem 0 !important;
  font-variation-settings: "opsz" 144, "SOFT" 100, "WONK" 1 !important;
  background: transparent !important;
}


/* -------------------------------------------------------------------------
   5. NAVIGÁCIÓ / HEADER — Lesya theme menüsor upgrade
   ---------------------------------------------------------------------- */
header,
.site-header,
#masthead,
.header {
  background: rgba(245, 239, 230, 0.9) !important;
  backdrop-filter: blur(20px) saturate(1.1);
  -webkit-backdrop-filter: blur(20px) saturate(1.1);
  border-bottom: 1px solid var(--isf-line-soft) !important;
  box-shadow: none !important;
  transition: box-shadow 0.4s ease;
}

/* Logo szöveg finomítása */
.site-title a,
.site-branding a {
  font-family: var(--isf-display) !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em !important;
  color: var(--isf-ink) !important;
  font-variation-settings: "opsz" 144, "SOFT" 100 !important;
}

/* Menüpontok — elegáns underline animáció */
.main-navigation a,
.menu a,
nav ul li a,
.primary-menu a {
  font-family: var(--isf-body) !important;
  font-size: 0.88rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.03em !important;
  color: var(--isf-ink) !important;
  position: relative;
  padding: 0.5rem 0 !important;
  transition: color 0.3s ease !important;
}

.main-navigation a::after,
.menu > li > a::after,
nav > ul > li > a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--isf-burgundy);
  transition: width 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.main-navigation a:hover,
.menu a:hover,
nav ul li a:hover {
  color: var(--isf-burgundy) !important;
}

.main-navigation a:hover::after,
.menu > li > a:hover::after,
nav > ul > li > a:hover::after {
  width: 100%;
}

/* Telefonszám és cím a header tetején */
.top-bar,
.header-top,
.topbar {
  background: var(--isf-ink) !important;
  color: var(--isf-bone) !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.12em !important;
  border: none !important;
}

.top-bar a,
.header-top a {
  color: var(--isf-bone) !important;
}


/* -------------------------------------------------------------------------
   6. LINKEK és GOMBOK
   ---------------------------------------------------------------------- */
.entry-content a,
article a:not(.btn):not(.button) {
  color: var(--isf-burgundy) !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--isf-clay) !important;
  padding-bottom: 1px;
  transition: all 0.3s ease !important;
}

.entry-content a:hover,
article a:not(.btn):not(.button):hover {
  color: var(--isf-clay) !important;
  border-bottom-color: var(--isf-burgundy) !important;
}

/* Általános gomb stílus */
.btn,
.button,
button,
input[type="submit"],
.wp-block-button__link,
.entry-content .btn {
  font-family: var(--isf-body) !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  padding: 1rem 2rem !important;
  background: var(--isf-ink) !important;
  color: var(--isf-bone) !important;
  border: 1px solid var(--isf-ink) !important;
  border-radius: 0 !important;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
  display: inline-block;
  text-decoration: none !important;
}

.btn:hover,
.button:hover,
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
  background: var(--isf-burgundy) !important;
  border-color: var(--isf-burgundy) !important;
  color: var(--isf-bone) !important;
  transform: translateY(-1px);
}

/* Outline változat */
.btn-outline,
.button.outline,
.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent !important;
  color: var(--isf-ink) !important;
}

.btn-outline:hover {
  background: var(--isf-ink) !important;
  color: var(--isf-bone) !important;
}


/* -------------------------------------------------------------------------
   7. CONTENT AREA — cikk, oldal tartalom
   ---------------------------------------------------------------------- */
.entry-content,
.post-content,
.page-content {
  font-family: var(--isf-body) !important;
  font-size: 1.06rem !important;
  line-height: 1.75 !important;
  color: var(--isf-ink) !important;
  max-width: 780px;
}

.entry-content p {
  margin-bottom: 1.5rem !important;
}

.entry-content ul,
.entry-content ol {
  margin: 1.5rem 0 2rem 1.5rem !important;
  padding-left: 0 !important;
}

.entry-content li {
  margin-bottom: 0.65rem !important;
  padding-left: 0.5rem;
  line-height: 1.65 !important;
}

/* Listajel csere — elegáns színes pont */
.entry-content ul {
  list-style: none !important;
  padding-left: 0 !important;
}

.entry-content ul > li {
  position: relative;
  padding-left: 1.5rem !important;
  margin-left: 0 !important;
}

.entry-content ul > li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.65em;
  width: 6px;
  height: 6px;
  background: var(--isf-clay);
  border-radius: 50%;
}


/* -------------------------------------------------------------------------
   8. TÁBLÁZATOK — editorial stílus
   ---------------------------------------------------------------------- */
.entry-content table,
table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 2.5rem 0 !important;
  font-size: 0.95rem !important;
  background: transparent !important;
  border: none !important;
}

.entry-content th,
.entry-content td,
th, td {
  padding: 1rem 1.2rem !important;
  text-align: left !important;
  border: none !important;
  border-bottom: 1px solid var(--isf-line) !important;
  vertical-align: top;
  background: transparent !important;
}

.entry-content th,
th {
  font-family: var(--isf-body) !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  color: var(--isf-muted) !important;
  border-bottom: 1px solid var(--isf-ink) !important;
  padding-bottom: 0.8rem !important;
}

.entry-content td strong {
  color: var(--isf-burgundy) !important;
}

/* Zebra csíkok subtle */
.entry-content tbody tr:hover {
  background: var(--isf-paper) !important;
}


/* -------------------------------------------------------------------------
   9. HERO / OLDAL FEJLÉC ELEM — a page tetején lévő nagy címek
   ---------------------------------------------------------------------- */
.page-header,
.entry-header,
.section-header {
  background: var(--isf-bone) !important;
  padding: clamp(3rem, 6vw, 5rem) 0 clamp(2rem, 4vw, 3rem) !important;
  border-bottom: none !important;
  position: relative;
  overflow: hidden;
}

.page-header::before,
.entry-header::before {
  content: '';
  position: absolute;
  top: -20%;
  right: -15%;
  width: 50%;
  height: 140%;
  background: radial-gradient(ellipse, var(--isf-blush) 0%, transparent 65%);
  opacity: 0.5;
  pointer-events: none;
  z-index: 0;
}

.page-header > *,
.entry-header > * {
  position: relative;
  z-index: 1;
}


/* -------------------------------------------------------------------------
   10. SZOLGÁLTATÁS OLDALAK — services grid és egyedi layout
   ---------------------------------------------------------------------- */
.services-list,
.service-grid,
.vc_grid-container,
.elementor-posts-container {
  gap: 0 !important;
}

/* Service card — ha Lesya theme generálja */
.service-item,
.service-box,
.services-list .item {
  background: transparent !important;
  border: 1px solid var(--isf-line) !important;
  border-radius: 0 !important;
  padding: 2rem !important;
  transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
  box-shadow: none !important;
}

.service-item:hover,
.service-box:hover {
  background: var(--isf-paper) !important;
  transform: translateY(-2px);
  border-color: var(--isf-ink) !important;
}

.service-item h3,
.service-item h4 {
  font-family: var(--isf-display) !important;
  font-weight: 400 !important;
}


/* -------------------------------------------------------------------------
   11. KÉPEK — subtle editorial treatment
   ---------------------------------------------------------------------- */
.entry-content img,
.wp-block-image img,
.post-thumbnail img {
  border-radius: 0 !important;
  filter: saturate(0.98) contrast(1.01);
  transition: all 0.6s ease;
}

.wp-block-image figcaption,
.entry-content figcaption {
  font-family: var(--isf-body) !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.1em !important;
  color: var(--isf-muted) !important;
  text-align: left !important;
  margin-top: 0.8rem !important;
  font-style: normal !important;
  text-transform: uppercase;
}


/* -------------------------------------------------------------------------
   12. ŰRLAPOK — kontakt, időpontfoglalás
   ---------------------------------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea,
select,
.wpcf7 input,
.wpcf7 textarea {
  font-family: var(--isf-body) !important;
  font-size: 1rem !important;
  padding: 1rem 0 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--isf-line) !important;
  border-radius: 0 !important;
  color: var(--isf-ink) !important;
  width: 100% !important;
  transition: border-color 0.3s ease !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
  outline: none !important;
  border-bottom-color: var(--isf-burgundy) !important;
  box-shadow: none !important;
}

label {
  font-family: var(--isf-body) !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--isf-muted) !important;
  margin-bottom: 0.5rem !important;
  display: block;
}


/* -------------------------------------------------------------------------
   13. SIDEBAR / WIDGETEK
   ---------------------------------------------------------------------- */
.widget,
.sidebar .widget {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 3rem !important;
}

.widget-title,
.widgettitle,
.sidebar h3 {
  font-family: var(--isf-body) !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  color: var(--isf-gold) !important;
  margin-bottom: 1.5rem !important;
  padding-bottom: 1rem !important;
  border-bottom: 1px solid var(--isf-line) !important;
}

.widget ul {
  list-style: none !important;
  padding: 0 !important;
}

.widget li {
  padding: 0.6rem 0 !important;
  border-bottom: 1px solid var(--isf-line-soft) !important;
}

.widget a {
  color: var(--isf-ink) !important;
  text-decoration: none !important;
  font-size: 0.95rem !important;
  border-bottom: none !important;
  transition: color 0.3s ease !important;
}

.widget a:hover {
  color: var(--isf-burgundy) !important;
  padding-left: 0.5rem;
}


/* -------------------------------------------------------------------------
   14. FOOTER — Lesya theme footer upgrade
   ---------------------------------------------------------------------- */
.site-footer,
footer#colophon,
.footer,
.footer-widgets {
  background: var(--isf-ink) !important;
  color: var(--isf-bone) !important;
  padding: clamp(4rem, 6vw, 6rem) 0 2rem !important;
  border: none !important;
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer .widget-title,
footer .widget-title {
  color: var(--isf-gold-pale) !important;
  font-family: var(--isf-body) !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  margin-bottom: 1.5rem !important;
  border-bottom: none !important;
  padding: 0 !important;
}

.site-footer a,
footer a {
  color: rgba(245, 239, 230, 0.75) !important;
  border: none !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

.site-footer a:hover,
footer a:hover {
  color: var(--isf-gold-pale) !important;
}

.site-footer .widget li,
footer .widget li {
  border-bottom-color: rgba(245, 239, 230, 0.08) !important;
}

.copyright,
.site-info {
  border-top: 1px solid rgba(245, 239, 230, 0.1) !important;
  margin-top: 3rem !important;
  padding-top: 2rem !important;
  font-size: 0.78rem !important;
  color: rgba(245, 239, 230, 0.5) !important;
  letter-spacing: 0.05em;
}


/* -------------------------------------------------------------------------
   15. GUTENBERG BLOKKOK — natív WP blokk stílusok
   ---------------------------------------------------------------------- */

/* Heading blokk */
.wp-block-heading {
  font-family: var(--isf-display) !important;
}

/* Quote blokk */
.wp-block-quote {
  border-left: 2px solid var(--isf-clay) !important;
  padding-left: 2rem !important;
  margin: 2.5rem 0 !important;
  font-family: var(--isf-display) !important;
  font-style: italic;
  font-size: 1.4rem !important;
  font-weight: 300 !important;
  color: var(--isf-burgundy) !important;
  font-variation-settings: "opsz" 144, "SOFT" 100, "WONK" 1;
}

.wp-block-quote cite,
.wp-block-quote .wp-block-quote__citation {
  font-family: var(--isf-body) !important;
  font-style: normal !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--isf-muted) !important;
  margin-top: 1rem;
  display: block;
}

/* Separator blokk */
.wp-block-separator {
  border: none !important;
  height: 1px !important;
  background: var(--isf-line) !important;
  margin: 3rem auto !important;
  max-width: 120px;
}

.wp-block-separator.is-style-wide {
  max-width: 100% !important;
}

.wp-block-separator.is-style-dots {
  background: none !important;
  text-align: center;
  letter-spacing: 0.5em;
  color: var(--isf-clay) !important;
  max-width: none;
}

.wp-block-separator.is-style-dots::before {
  content: '· · ·';
  color: var(--isf-clay);
  font-size: 1.5rem;
}

/* Columns blokk — kis javítás */
.wp-block-columns {
  gap: 3rem !important;
  margin: 2.5rem 0 !important;
}


/* -------------------------------------------------------------------------
   16. UTILITY OSZTÁLYOK — kézzel hozzáadható extra elemek
   ----------------------------------------------------------------------
   Használat: a Gutenberg Custom HTML blokkban vagy Additional CSS classes
   mezőben hozzáadhatod ezeket az osztályokat bármilyen blokkhoz.
   ---------------------------------------------------------------------- */

/* Eyebrow (kisbetűs kiemelés cím felett) */
.isf-eyebrow {
  display: inline-block;
  font-family: var(--isf-body);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--isf-muted);
  margin-bottom: 1rem;
}

.isf-eyebrow::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background: var(--isf-clay);
  border-radius: 50%;
  margin-right: 0.8em;
  vertical-align: middle;
  transform: translateY(-1px);
}

/* Lead bekezdés (nagyobb, szürkébb) */
.isf-lead {
  font-size: 1.2rem !important;
  color: var(--isf-muted) !important;
  line-height: 1.65 !important;
  max-width: 58ch;
}

/* Display cím (nagyon nagy, editorial) */
.isf-display {
  font-family: var(--isf-display) !important;
  font-size: clamp(2.5rem, 6vw, 5rem) !important;
  font-weight: 300 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.02em !important;
  font-variation-settings: "opsz" 144, "SOFT" 100, "WONK" 0 !important;
}

.isf-display em,
.isf-italic-accent {
  font-style: italic;
  color: var(--isf-burgundy) !important;
  font-variation-settings: "opsz" 144, "SOFT" 100, "WONK" 1 !important;
}

/* Dobozos CTA keret */
.isf-cta-box {
  border: 1px solid var(--isf-ink);
  padding: 3rem;
  text-align: center;
  margin: 3rem 0;
  background: var(--isf-paper);
  position: relative;
}

.isf-cta-box::before {
  content: '';
  position: absolute;
  inset: 6px;
  border: 1px solid var(--isf-gold);
  pointer-events: none;
  opacity: 0.4;
}

/* Pull quote (nagy kiemelt idézet) */
.isf-pull-quote {
  font-family: var(--isf-display) !important;
  font-size: clamp(1.5rem, 3vw, 2.25rem) !important;
  font-weight: 300 !important;
  line-height: 1.3 !important;
  color: var(--isf-burgundy) !important;
  font-style: italic;
  padding: 2rem 0;
  border-top: 1px solid var(--isf-line);
  border-bottom: 1px solid var(--isf-line);
  margin: 3rem 0 !important;
  font-variation-settings: "opsz" 144, "SOFT" 100, "WONK" 1 !important;
}

/* Számozott pont (01, 02...) */
.isf-num-point {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.5rem;
  padding: 1.25rem 0;
  border-bottom: 1px solid var(--isf-line);
  align-items: baseline;
}

.isf-num-point::before {
  content: attr(data-num);
  font-family: var(--isf-display);
  font-size: 0.9rem;
  color: var(--isf-clay);
  letter-spacing: 0.1em;
  font-variant-numeric: tabular-nums;
}

/* Badge — "Kiemelt" vagy "Új" jelölő */
.isf-badge {
  display: inline-block;
  font-size: 0.68rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--isf-burgundy);
  background: var(--isf-blush);
  padding: 0.4rem 0.9rem;
  border-radius: 100px;
  font-weight: 500;
}


/* -------------------------------------------------------------------------
   17. SCROLL REVEAL — animált belépés
   ---------------------------------------------------------------------- */
.isf-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s cubic-bezier(0.65, 0.05, 0.36, 1),
              transform 0.9s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.isf-reveal.in-view {
  opacity: 1;
  transform: translateY(0);
}


/* -------------------------------------------------------------------------
   18. FÁJDALOMMENTESÍTÉS — Lesya theme gyakori default-ok eltüntetése
   ---------------------------------------------------------------------- */

/* Elemek, amikben a Lesya theme durva gradient-et vagy színt használ */
.bg-primary,
.primary-bg {
  background: var(--isf-burgundy) !important;
}

.text-primary {
  color: var(--isf-burgundy) !important;
}

/* Lesya theme pink/purple gradient felülírás */
[style*="gradient"] {
  /* Ha konkrét helyen kell — ezt óvatosan használd */
}

/* Radar/kördiagram/SVG accent színek */
.accent-color,
[class*="accent"] {
  color: var(--isf-burgundy) !important;
}


/* -------------------------------------------------------------------------
   19. RESPONSIVE — mobil finomítások
   ---------------------------------------------------------------------- */
@media (max-width: 768px) {
  body { font-size: 16px; }

  h1, .entry-title, .page-title {
    font-size: clamp(2rem, 8vw, 2.75rem) !important;
  }

  .entry-content {
    font-size: 1rem !important;
    line-height: 1.7 !important;
  }

  .entry-content > p:first-of-type::first-letter {
    font-size: 2.8rem;
  }

  .btn, .button, .wp-block-button__link {
    padding: 0.9rem 1.5rem !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.12em !important;
  }
}


/* =========================================================================
   VÉGE. Verzió 1.0
   ========================================================================= */