/*
Theme Name:   Krinett Child
Theme URI:    https://krinettdesign.hu
Description:  Krinett Design child theme – lift belsőépítészet
Author:       Krinett Design
Author URI:   https://krinettdesign.hu
Template:     hello-elementor
Version:      1.0.0
License:      GPL-2.0-or-later
Tags:         elementor, custom
Text Domain:  krinett-child
*/

/* =========================================================
   GLOBAL VARIABLES & RESET
   Paletta a Krinett Design logó színeiből (acél + réz):
     Réz/narancs dominant pixel: #A04020 – #C06040
     Acél/szürke dominant pixel: #A0A0A0 – #C0C0C0
   ========================================================= */
:root {
    /* ─── Réz (narancs) skála ─────────────────────────── */
    --color-primary:      #B85428;  /* gazdag réz – gombok, linkek, fejléc */
    --color-secondary:    #D06A3A;  /* közepes réz – hover állapot          */
    --color-accent:       #ECC898;  /* világos réz/arany – badge, kiemelők  */
    --color-accent-deep:  #8C3818;  /* sötét réz – hover sötét gomb         */

    /* ─── Acél (szürke) skála ─────────────────────────── */
    --color-steel:        #8A8A8A;  /* logó K acél-szürke – border, ikon    */
    --color-steel-dark:   #4A4A4A;  /* sötét acél – másodlagos szöveg       */
    --color-steel-light:  #C8C8C8;  /* világos acél – elválasztó, keret     */

    /* ─── Semleges / háttér ───────────────────────────── */
    --color-bg:           #F5F2EE;  /* meleg fehér – réz tónushoz illő háttér */
    --color-text-dark:    #1C1814;  /* majdnem fekete, enyhén meleg          */
    --color-text-mid:     #5C5450;  /* közepes meleg szürke                  */
    --color-white:        #FFFFFF;

    /* ─── Tipográfia & UI ─────────────────────────────── */
    --font-heading:   'Montserrat', sans-serif;
    --font-body:      'Open Sans', sans-serif;
    --shadow-card:    0 2px 16px rgba(184,84,40,0.09);
    --shadow-hover:   0 8px 32px rgba(184,84,40,0.16);
    --radius:         4px;
    --transition:     0.3s ease;
}

/* =========================================================
   BASE TYPOGRAPHY
   ========================================================= */
body {
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.6;
    color: var(--color-text-dark);
    background-color: var(--color-bg);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 700;
    color: var(--color-text-dark);
    line-height: 1.2;
}

a {
    color: var(--color-primary);
    transition: color var(--transition);
}
a:hover { color: var(--color-secondary); }

/* =========================================================
   ELEMENTOR GLOBAL OVERRIDES
   ========================================================= */
.elementor-widget-heading .elementor-heading-title {
    font-family: var(--font-heading) !important;
}

.elementor-widget-text-editor {
    font-family: var(--font-body);
    line-height: 1.6;
}

/* =========================================================
   BUTTONS
   ========================================================= */
.e-btn-primary,
.elementor-button.btn-primary {
    background-color: var(--color-primary);
    color: var(--color-white);
    border-radius: var(--radius);
    font-family: var(--font-heading);
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: background-color var(--transition), transform var(--transition);
    border: none;
}
.e-btn-primary:hover,
.elementor-button.btn-primary:hover {
    background-color: var(--color-secondary);
    transform: translateY(-1px);
}

.e-btn-outline,
.elementor-button.btn-outline {
    background-color: transparent;
    color: var(--color-white);
    border: 2px solid var(--color-white);
    border-radius: var(--radius);
    font-family: var(--font-heading);
    font-weight: 600;
    transition: all var(--transition);
}
.e-btn-outline:hover,
.elementor-button.btn-outline:hover {
    background-color: var(--color-white);
    color: var(--color-primary);
}

/* =========================================================
   CARDS
   ========================================================= */
.krinett-card {
    background: var(--color-white);
    border-radius: var(--radius);
    box-shadow: var(--shadow-card);
    overflow: hidden;
    transition: box-shadow var(--transition), transform var(--transition);
}
.krinett-card:hover {
    box-shadow: var(--shadow-hover);
    transform: translateY(-2px);
}

/* =========================================================
   STICKY HEADER
   ========================================================= */
.e-header--sticky,
#site-header.sticky {
    position: sticky;
    top: 0;
    z-index: 9999;
    background: var(--color-white);
    box-shadow: 0 2px 8px rgba(184,84,40,0.12);
}

/* =========================================================
   HERO SLIDER
   ========================================================= */
.krinett-hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
}
.krinett-hero .hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.4);
    z-index: 1;
}
.krinett-hero .hero-content {
    position: relative;
    z-index: 2;
}

/* =========================================================
   STATISTICS BAR
   ========================================================= */
.krinett-stats {
    background-color: var(--color-bg);
    padding: 60px 0;
}
.krinett-stats .elementor-counter-number-wrapper {
    color: var(--color-primary);
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 48px;
}
.krinett-stats .elementor-counter-title {
    color: var(--color-text-mid);
    font-family: var(--font-body);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* =========================================================
   SERVICE CARDS
   ========================================================= */
.krinett-service-card {
    background: var(--color-white);
    border-radius: var(--radius);
    box-shadow: var(--shadow-card);
    padding: 32px 24px;
    transition: all var(--transition);
    border-bottom: 3px solid transparent;
}
.krinett-service-card:hover {
    border-bottom-color: var(--color-primary);
    transform: translateY(-4px);
    box-shadow: var(--shadow-hover);
}
.krinett-service-card .service-icon {
    color: var(--color-primary);
    font-size: 40px;
    margin-bottom: 16px;
}

/* =========================================================
   CATEGORY BADGE
   ========================================================= */
.krinett-badge {
    display: inline-block;
    background-color: var(--color-accent);
    color: var(--color-primary);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 4px 10px;
    border-radius: var(--radius);
    font-family: var(--font-heading);
}

/* =========================================================
   PARTNER LOGOS
   ========================================================= */
.krinett-partner-logo {
    filter: grayscale(100%);
    opacity: 0.6;
    transition: filter var(--transition), opacity var(--transition);
}
.krinett-partner-logo:hover {
    filter: grayscale(0%);
    opacity: 1;
}

/* =========================================================
   CTA BANNER
   ========================================================= */
.krinett-cta-banner {
    background-color: var(--color-primary);
    padding: 80px 0;
}
.krinett-cta-banner h2 {
    color: var(--color-white);
}

/* =========================================================
   FOOTER
   ========================================================= */
.krinett-footer {
    background-color: var(--color-text-dark);
    color: var(--color-white);
    padding: 60px 0 0;
}
.krinett-footer a {
    color: var(--color-accent);
    transition: color var(--transition);
}
.krinett-footer a:hover { color: var(--color-white); }
.krinett-footer-bottom {
    background-color: #14100E;
    padding: 16px 0;
    font-size: 13px;
    color: rgba(255,255,255,0.5);
}

/* =========================================================
   LANGUAGE SWITCHER
   ========================================================= */
.lang-switcher a {
    font-family: var(--font-heading);
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-text-dark);
    text-decoration: none;
    padding: 4px 8px;
    border-radius: var(--radius);
    transition: all var(--transition);
}
.lang-switcher a.current-lang,
.lang-switcher a:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
}

/* =========================================================
   RESPONSIVENESS
   ========================================================= */
@media (max-width: 1199px) {
    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 960px;
    }
}
@media (max-width: 767px) {
    h1 { font-size: 32px; }
    h2 { font-size: 26px; }
    .krinett-hero { min-height: 100svh; }
    .krinett-stats .elementor-counter-number-wrapper { font-size: 36px; }
}

/* =========================================================
   PRECONNECT HINT (injected via functions.php)
   ========================================================= */