/*
Theme Name: ELFLIQ (Flatsome Child)
Theme URI: https://elfliqliquid.de
Description: ELFLIQ-Branding-Child-Theme für Flatsome. Custom CSS/JS über SSH/Git deploybar; Flatsome-Parent liefert die WooCommerce-Plumbing.
Author: Schoenen Digital
Template: flatsome
Version: 0.1.0
Text Domain: flatsome-child
*/

:root{
  --eb-accent:#e11d74; --eb-accent-d:#b91560; --eb-ink:#17131f; --eb-line:#ece7f2; --eb-muted:#faf7fc;
}

/* ---------- Accent overrides (buttons, links, prices) ---------- */
.button.primary:not(.is-outline),.button.checkout,button.primary,input[type=submit].primary,
.woocommerce .button.alt,.woocommerce #respond input#submit.alt,
.add-to-cart-button .button:not(.is-outline){background-color:var(--eb-accent)!important;border-color:var(--eb-accent)!important;color:#fff!important}
.button.primary:not(.is-outline):hover,.woocommerce .button.alt:hover{background-color:var(--eb-accent-d)!important;border-color:var(--eb-accent-d)!important}
/* Outline-Buttons: transparent, Akzent-Rand+Text (guter Kontrast) */
.button.is-outline{background:transparent!important;color:var(--eb-accent)!important;border:2px solid var(--eb-accent)!important}
.button.is-outline:hover{background:var(--eb-accent)!important;color:#fff!important}
a{color:var(--eb-accent)}
.price ins,.woocommerce-Price-amount{color:var(--eb-ink)}
.price ins .woocommerce-Price-amount{color:var(--eb-accent)}
.nav-dropdown{border-top-color:var(--eb-accent)}

/* ---------- Top bar ---------- */
.header-top{background:var(--eb-ink)!important}
.header-top .nav>li>a{color:#efeaf5!important;font-size:.82em;letter-spacing:.02em}

/* ---------- Demo-Reste killen ---------- */
.header-top{display:none!important}          /* Flatsome-Demo-Topbar (ADD ANYTHING / Social / Newsletter) raus */

/* ---------- Echtes ELFLIQ-Logo sauber sizen ---------- */
.header-main .logo img,.header-main #logo img{max-height:34px!important;width:auto!important}

/* ---------- Content typography (Money-Pages) ---------- */
#content .page-wrapper .col-inner>h2,.entry-content h2{
  font-size:26px;line-height:1.25;color:var(--eb-ink);margin:40px 0 12px;padding-top:8px;
  border-top:2px solid var(--eb-line);padding-top:22px}
#content .page-wrapper .col-inner>h3,.entry-content h3{font-size:19px;color:var(--eb-ink);margin:22px 0 8px}
#content .page-wrapper .col-inner>p,.entry-content p{font-size:17px;line-height:1.7}
#content .page-wrapper table,.entry-content table{width:100%;border-collapse:collapse;margin:20px 0;
  box-shadow:0 6px 24px rgba(23,19,31,.08);border-radius:12px;overflow:hidden;font-size:15.5px}
#content .page-wrapper th,.entry-content th{background:var(--eb-ink);color:#fff;text-align:left;padding:12px 14px}
#content .page-wrapper td,.entry-content td{padding:11px 14px;border-top:1px solid var(--eb-line)}
#content .page-wrapper tr:nth-child(even) td,.entry-content tr:nth-child(even) td{background:var(--eb-muted)}
#content .page-wrapper .col-inner>ul li,.entry-content ul li{margin:7px 0}

/* content-links als sanfte Buttons für die CTA-Zeilen */
.entry-content p a[href*="produkt-kategorie"],#content .page-wrapper .col-inner>p a[href*="produkt-kategorie"]{
  font-weight:700;text-decoration:none}

/* ---------- Hero (erste Section der Startseite via CSS) ---------- */
.home #content .page-wrapper .col-inner>p:first-of-type{
  font-size:20px;line-height:1.6;background:linear-gradient(135deg,#faf5ff,#fdeef6);
  border:1px solid var(--eb-line);border-radius:16px;padding:26px 28px;margin-bottom:26px}

/* ---------- Product cards polish ---------- */
.product-small .box-text{padding-top:.6em}
.product-small .name.product-title{font-weight:600}
.badge-inner{background:var(--eb-accent)}
/* "Angebot!"-Sale-Badges aus: Dauer-Rabatt-Optik wirkt billig (Streichpreis reicht) */
.badge-container .badge.sale-badge,.badge.sale,.product-small .badge,.product-info .badge-container{display:none!important}

/* ---------- Footer ---------- */
.footer-1,.footer-2{background:var(--eb-ink)}
.footer a{color:#c9c3d6}.footer a:hover{color:#fff}

/* ---------- Buttons rounded, modern ---------- */
.button{border-radius:999px}

/* ---------- Mobile-Fixes ---------- */
@media (max-width:549px){
  html,body{overflow-x:hidden;max-width:100%}
  #wrapper,#content,#main,.page-wrapper{overflow-x:hidden!important;max-width:100vw!important}
  /* Flatsome-Row-Negativmargins neutralisieren — ALLE Rows (Section-Trust + Page + Produkte) */
  .home .row{margin-left:0!important;margin-right:0!important;max-width:100%!important}
  .home .row>.col,.home .row>[class*="col-"]{padding-left:6px!important;padding-right:6px!important}
  /* Bilder generell kappen (Hero ist 2000px) */
  .home img,.eb-hero-img img,img.size-original{max-width:100%!important;height:auto!important}
  /* Trust-Leiste kompakter */
  .home section .col{font-size:14px;line-height:1.35}
  /* Kachel-Text nicht zerreißen */
  .home .ux_banner h3{font-size:16px!important}
  .home .ux_banner p{font-size:13px!important}
}