/* drlepska.pl - style dla stron budowanych w Elementorze (Start, O mnie, Kontakt) oraz zwykłych stron WP.
   Klasy dl-* nadaje skrypt kod/skrypty/buduj-strony.php; Marcin może je też wpisać ręcznie w Zaawansowane > Klasy CSS. */

/* ===== Zwykła strona WP (polityka) ===== */
.dl-tekst--strona{font-size:16px}
.dl-tekst--strona h2{font-size:26px;margin:1.8em 0 .5em}
.dl-tekst--strona ul{margin:0 0 1.2em 1.2em}
.dl-tekst--strona li{margin-bottom:.4em}

/* ===== Sekcje (odstępy jak na statycznej: clamp(3.5rem,8vw,6.5rem)) ===== */
.e-con.dl-sekcja-e{padding-top:clamp(56px,8vw,104px);padding-bottom:clamp(56px,8vw,104px)}
.e-con.dl-tlo-2{background:var(--dl-tlo-2)}
.e-con.dl-home-zabiegi,.e-con.dl-home-opinie{border-top:1px solid var(--dl-ramka);border-bottom:1px solid var(--dl-ramka)}
.e-con.dl-sekcja-cta{padding:0;--content-width:100%;--width:100%}
.e-con.dl-sekcja-cta .elementor-widget-shortcode,.e-con.dl-sekcja-cta .elementor-widget-container{width:100%}
.e-con .elementor-widget{width:100%}

/* ===== Blok nagłówka sekcji (jak .naglowek-sekcji na statycznej) ===== */
.e-con.dl-naglowek-sekcji-e{max-width:660px;margin-bottom:45px;align-self:flex-start}
.e-con.dl-naglowek-sekcji-e--srodek{align-self:center;text-align:center}
.elementor-widget-text-editor.dl-naglowek-opis{color:var(--dl-tekst-jasny);font-size:17px;margin-top:14px}

/* ===== Typografia widgetów ===== */
.elementor-widget-heading.dl-etykieta-w .elementor-heading-title{font-family:var(--dl-f-sans);font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--dl-zloto);margin:0 0 14px}
.dl-srodek-w .elementor-heading-title,.dl-srodek-w{text-align:center}
.elementor-widget-heading.dl-naglowek-w .elementor-heading-title{font-family:var(--dl-f-serif);font-size:clamp(30px,3.4vw,46px);line-height:1.15;color:var(--dl-naglowek);margin:0 0 20px}
.elementor-widget-heading.dl-naglowek-h1-w .elementor-heading-title{font-family:var(--dl-f-serif);font-size:clamp(38px,5vw,64px);line-height:1.1;color:var(--dl-naglowek);margin:0 0 20px}
.elementor-widget-text-editor.dl-wstep-w{max-width:780px;margin:0 auto 44px;text-align:center;font-size:18px;line-height:1.75}
.elementor-widget-text-editor.dl-tekst-w{font-size:18px;line-height:1.8}
.elementor-widget-text-editor p:last-child{margin-bottom:0}

/* ===== Przyciski Elementora w stylu motywu (jak .przycisk na statycznej) ===== */
.elementor-widget-button.dl-przycisk-w{width:auto}
.elementor-widget-button.dl-przycisk-w .elementor-button{background:var(--dl-akcent);color:#fff;border:1px solid var(--dl-akcent);border-radius:999px;padding:15px 32px;font-family:var(--dl-f-sans);font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;line-height:1;transition:all .25s ease}
.elementor-widget-button.dl-przycisk-w .elementor-button:hover{background:var(--dl-akcent-ciemny);border-color:var(--dl-akcent-ciemny);transform:translateY(-2px);box-shadow:var(--dl-cien)}
.elementor-widget-button.dl-przycisk-w--pelny .elementor-button{background:var(--dl-naglowek);border-color:var(--dl-naglowek);color:#f6efe4}
.elementor-widget-button.dl-przycisk-w--pelny .elementor-button:hover{background:var(--dl-akcent-ciemny);border-color:var(--dl-akcent-ciemny);color:#fff}
.elementor-widget-button.dl-przycisk-w--obrys .elementor-button{background:transparent;border-color:rgba(38,26,16,.45);color:var(--dl-naglowek)}
.elementor-widget-button.dl-przycisk-w--obrys .elementor-button:hover{background:var(--dl-naglowek);border-color:var(--dl-naglowek);color:#f6efe4}
.elementor-widget-button.dl-przycisk-w--jasny .elementor-button{background:var(--dl-tlo);border-color:var(--dl-tlo);color:var(--dl-naglowek)}
.elementor-widget-button.dl-przycisk-w--jasny .elementor-button:hover{background:#fff;border-color:#fff;color:var(--dl-naglowek)}
.elementor-widget-button.dl-przycisk-w--maly .elementor-button{padding:12px 22px;font-size:11px}

/* ===== Hero (Start) ===== */
.elementor-widget-heading.dl-hero-h1 .elementor-heading-title{font-family:var(--dl-f-serif);font-size:clamp(38px,4.6vw,66px);line-height:1.08;color:var(--dl-naglowek);margin:0 0 24px}
.elementor-widget-text-editor.dl-hero-lead{font-size:18px;line-height:1.75;max-width:560px;margin-bottom:30px}
.e-con.dl-hero-przyciski{padding:0;flex-direction:row;flex-wrap:wrap;gap:14px}
.e-con.dl-hero-przyciski .elementor-widget-button{width:auto}

/* ===== O mnie (sekcja na Start z kotwicą #o-mnie, jak .o-doktor / .rama-portret) ===== */
/* Szerokości kolumn z calc, bo width w %% + gap w px zawija flexa. */
.e-con.dl-omnie-rzad>.e-con.dl-omnie-foto-kol{--width:calc(42% - 32px)}
.e-con.dl-omnie-rzad>.e-con.dl-omnie-tekst{--width:calc(58% - 32px)}
@media (max-width:1180px){.e-con.dl-omnie-rzad>.e-con.dl-omnie-foto-kol,.e-con.dl-omnie-rzad>.e-con.dl-omnie-tekst{--width:100%}}
.elementor-widget-image.dl-omnie-foto{position:relative;margin:0 24px 24px 8px}
.elementor-widget-image.dl-omnie-foto img{border-radius:var(--dl-r);box-shadow:0 18px 44px rgba(38,26,16,.16);width:100%}
.elementor-widget-image.dl-omnie-foto::after{content:"";position:absolute;inset:16px -16px -16px 16px;border:1px solid rgba(176,114,47,.45);border-radius:var(--dl-r);pointer-events:none}
.dl-lista-atutow{list-style:none;margin:29px 0 0;padding:0;display:grid;gap:14px}
.dl-lista-atutow li{position:relative;padding-left:30px}
.dl-lista-atutow li::before{content:"\2726";position:absolute;left:0;top:0;color:var(--dl-akcent);font-size:14px}

/* ===== Opinie (karty jak .karta-opinii na statycznej) ===== */
.e-con.dl-cytaty-siatka{align-items:stretch}
.e-con.dl-opinia-karta{background:var(--dl-biel);border:1px solid var(--dl-ramka);border-radius:var(--dl-r);padding:32px 29px 29px;flex:1 1 280px;position:relative}
.e-con.dl-opinia-karta::before{content:"\201E";font-family:var(--dl-f-serif);font-size:74px;line-height:.4;color:var(--dl-akcent);opacity:.45;display:block;height:22px}
.dl-opinia__gwiazdki{color:var(--dl-akcent);letter-spacing:.22em;font-size:16px;margin:0 0 14px!important}
.e-con.dl-opinia-karta blockquote{font-family:var(--dl-f-serif);font-style:italic;font-size:18px;line-height:1.55;color:var(--dl-tekst);margin:0 0 14px;padding:0;border:0}
.dl-opinia__podpis{font-size:14px;color:var(--dl-tekst-jasny);margin:0}
.e-con.dl-opinie-stopka-e{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:42px}
.e-con.dl-opinie-stopka-e .elementor-widget-button{width:auto}

/* ===== Układ redakcyjny (Start v2) ===== */
.elementor-widget-heading .elementor-heading-title em{font-style:italic;color:var(--dl-zloto);font-weight:400}
.elementor-widget-heading.dl-etykieta-w--kreska .elementor-heading-title{display:flex;align-items:center;gap:14px}
.elementor-widget-heading.dl-etykieta-w--kreska .elementor-heading-title::before{content:"";display:inline-block;width:34px;height:1px;background:var(--dl-zloto)}
.dl-srodek-w.dl-etykieta-w--kreska .elementor-heading-title{justify-content:center}
.dl-srodek-w.dl-etykieta-w--kreska .elementor-heading-title::after{content:"";display:inline-block;width:34px;height:1px;background:var(--dl-zloto)}
/* hero pełnoekranowe */
.e-con.dl-hero-e{padding-top:60px;padding-bottom:110px;position:relative;isolation:isolate}
.e-con.dl-hero-e>.e-con-inner{position:relative;z-index:1}
.e-con.dl-hero-e::after{z-index:0}
.e-con.dl-hero-tekst-e{max-width:660px;width:auto}
.e-con.dl-hero-e .dl-hero-h1 .elementor-heading-title{font-size:clamp(38px,4vw,60px);line-height:1.08}
.e-con.dl-hero-e .dl-hero-lead{font-size:18px;line-height:1.7;max-width:520px}
@media (max-width:1180px){.e-con.dl-hero-e{padding-top:32px;padding-bottom:90px}}
@media (max-width:767px){
  .e-con.dl-hero-e{padding-top:20px;padding-bottom:120px;justify-content:flex-end}
  .e-con.dl-hero-e .dl-hero-h1 .elementor-heading-title{font-size:36px}
  .e-con.dl-hero-e .dl-hero-lead{font-size:16px}
}
/* plakietka opinii w hero (jak .hero-znacznik na statycznej) */
.elementor-widget-html.dl-plakietka-w{position:absolute;right:clamp(16px,4vw,56px);bottom:clamp(19px,4vw,48px);width:auto;z-index:2}
.dl-plakietka{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 22px;background:rgba(255,253,249,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(176,114,47,.25);border-radius:14px;box-shadow:var(--dl-cien);color:var(--dl-naglowek);text-align:center;line-height:1.4;transition:transform .3s ease}
.dl-plakietka:hover{transform:translateY(-3px);color:var(--dl-naglowek)}
.dl-plakietka__gwiazdki{color:var(--dl-akcent);font-size:14px;letter-spacing:.15em}
.dl-plakietka strong{font-family:var(--dl-f-serif);font-size:23px;font-weight:600}
.dl-plakietka span:last-child{font-size:13px;color:var(--dl-tekst-jasny)}
@media (max-width:900px){.elementor-widget-html.dl-plakietka-w{display:none}}
/* pasek zabiegów (taśma jak .tasma na statycznej) */
.e-con.dl-pasek-e{background:var(--dl-naglowek);--content-width:100%;--width:100%;padding:0;margin-top:0}
.e-con.dl-pasek-e .elementor-widget-html,.e-con.dl-pasek-e .elementor-widget-container{width:100%}
.dl-marquee{overflow:hidden;white-space:nowrap;padding:15px 0}
.dl-marquee__tor{display:inline-flex;align-items:center;gap:48px;padding-right:48px;animation:dl-marquee 36s linear infinite;will-change:transform}
.dl-marquee:hover .dl-marquee__tor{animation-play-state:paused}
.dl-marquee span{font-family:var(--dl-f-serif);font-style:italic;font-size:18px;color:#e9d9bf;letter-spacing:.04em}
.dl-marquee i{font-style:normal;color:var(--dl-akcent);font-size:13px}
@keyframes dl-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.dl-marquee__tor{animation:none}}
/* karty zabiegów (jak .karta-zabiegu na statycznej) */
.e-con.dl-zab-siatka{align-items:stretch}
.e-con.dl-zab-karta{background:var(--dl-biel);border:1px solid var(--dl-ramka);border-radius:var(--dl-r);padding:30px 27px 27px;flex:1 1 240px;transition:transform .25s ease,box-shadow .25s ease}
.e-con.dl-zab-karta:hover{transform:translateY(-5px);box-shadow:var(--dl-cien)}
.elementor-widget-heading.dl-zab-tytul .elementor-heading-title{font-family:var(--dl-f-serif);font-weight:600;font-size:22px;color:var(--dl-naglowek);margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid var(--dl-ramka);line-height:1.2}
.e-con.dl-zab-karta ul{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px;font-size:15.5px;line-height:1.6;color:var(--dl-tekst)}
.e-con.dl-zab-karta li{position:relative;padding-left:24px}
.e-con.dl-zab-karta li::before{content:"\2726";position:absolute;left:0;top:.15em;color:var(--dl-akcent);font-size:11px}
.elementor-widget-button.dl-link-w .elementor-button{background:none;border:0;padding:6px 0;color:var(--dl-zloto);font-size:12px;letter-spacing:.16em;border-radius:0;border-bottom:1px solid var(--dl-zloto)}
.elementor-widget-button.dl-link-w .elementor-button:hover{background:none;color:var(--dl-naglowek);border-color:var(--dl-naglowek);transform:none;box-shadow:none}
.e-con.dl-zab-karta .elementor-widget-button{margin-top:auto}
@media (max-width:767px){.e-con.dl-zab-karta{flex-basis:100%}}
/* ciemny pasek pod kartami zabiegów (jak .zabiegi-stopka na statycznej) */
.e-con.dl-zab-stopka-e{margin-top:42px;background:var(--dl-naglowek);border-radius:var(--dl-r);padding:30px 35px;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:21px}
.e-con.dl-zab-stopka-e .elementor-widget-text-editor{width:auto;max-width:34em;color:#f6efe4;font-size:16px}
.e-con.dl-zab-stopka-e .elementor-widget-text-editor strong{color:#e9d9bf}
.e-con.dl-zab-stopka-e .elementor-widget-button{width:auto}

/* ===== Kontakt (bloki jak .kontakt-blok na statycznej) ===== */
/* Szerokości kolumn z calc, bo width w %% + gap w px zawija flexa. */
.e-con.dl-kontakt-siatka>.e-con.dl-kontakt-info{--width:calc(40% - 24px)}
.e-con.dl-kontakt-siatka>.e-con.dl-kontakt-formularz{--width:calc(60% - 24px)}
@media (max-width:1180px){.e-con.dl-kontakt-siatka>.e-con.dl-kontakt-info,.e-con.dl-kontakt-siatka>.e-con.dl-kontakt-formularz{--width:100%}}
.e-con.dl-kontakt-naglowek{padding-bottom:0}
.e-con.dl-kontakt-naglowek .dl-naglowek-sekcji-e{margin-bottom:0}
.e-con.dl-kontakt-tresc{padding-top:45px}
.e-con.dl-kontakt-blok{background:var(--dl-biel);border:1px solid var(--dl-ramka);border-radius:var(--dl-r);padding:26px 27px}
.elementor-widget-heading.dl-kontakt-tytul .elementor-heading-title{font-family:var(--dl-f-serif);font-weight:600;font-size:22px;letter-spacing:0;text-transform:none;color:var(--dl-naglowek);margin:0 0 6px}
.e-con.dl-kontakt-blok .elementor-widget-text-editor{font-size:15.5px;color:var(--dl-tekst-jasny)}
.e-con.dl-kontakt-blok .elementor-widget-text-editor p{margin:0 0 8px}
a.dl-kontakt-telefon{font-family:var(--dl-f-sans);font-size:25px;font-weight:500;letter-spacing:.05em;color:var(--dl-zloto);white-space:nowrap}
a.dl-kontakt-telefon:hover{color:var(--dl-naglowek)}