/* ROMKREIS — Custom Styles (Global Marketing IT) */
/* Site de prezentare — FĂRĂ WooCommerce. Clase native WP + rk-* + gm-* */

:root {
    --rk-primary: var(--wp--preset--color--primary, #6E7B53);
    --rk-secondary: var(--wp--preset--color--secondary, #2E332B);
    --rk-accent: var(--wp--preset--color--accent, #C58A6B);
    --rk-bg: var(--wp--preset--color--background, #FAF7F1);
    --rk-light: var(--wp--preset--color--light-gray, #F0ECE1);
    --rk-text: var(--wp--preset--color--body-text, #33382F);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; }
img { max-width: 100%; height: auto; }
video, iframe { max-width: 100%; }
body { background: var(--rk-bg); overflow-x: hidden; max-width: 100%; }
.wp-block-column { min-width: 0; }
.wp-block-columns { flex-wrap: wrap; }

/* ============================================ HEADER (H6 — transparent peste hero) */
header.wp-block-template-part { position: relative; z-index: 1000; }

.rk-header {
    position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
    background: var(--rk-bg);
    border-bottom: 1px solid rgba(46,51,43,0.08);
    transition: background 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}
.rk-header .rk-header-inner { padding-top: 14px; padding-bottom: 14px; }
.rk-brand a {
    font-family: var(--wp--preset--font-family--heading, 'Fraunces', serif);
    font-weight: 600; font-size: 1.5rem; letter-spacing: 1px;
    color: var(--rk-secondary); text-decoration: none; line-height: 1;
}
.rk-header .wp-block-navigation a { color: var(--rk-secondary); text-decoration: none; }
.rk-header .wp-block-navigation { font-size: 0.82rem; }
.rk-header .wp-block-navigation-item a { padding: 7px 11px; font-size: 0.82rem; font-weight: 500; position: relative; transition: color 0.2s; }
.rk-header .wp-block-navigation-item a::after {
    content: ''; position: absolute; left: 14px; right: 14px; bottom: 2px; height: 2px;
    background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform 0.25s ease; opacity: 0.85;
}
.rk-header .wp-block-navigation-item a:hover::after,
.rk-header .wp-block-navigation-item.current-menu-item a::after { transform: scaleX(1); }

/* CTA item in nav */
.rk-nav-cta a {
    border: 1.5px solid currentColor; border-radius: 4px; padding: 8px 18px !important; font-weight: 500;
}
.rk-nav-cta a::after { display: none !important; }
.rk-nav-cta a:hover { background: var(--rk-accent); border-color: var(--rk-accent); color: #fff !important; }

/* HOME: transparent over hero, white text */
body.home .rk-header { background: transparent; border-bottom-color: transparent; }
body.home .rk-header .rk-brand a,
body.home .rk-header .wp-block-navigation a,
body.home .rk-header .wp-block-navigation { color: #fff; }
/* Scrolled state (toggled by JS) -> solid cream, dark text */
.rk-header.rk-scrolled { box-shadow: 0 2px 16px rgba(0,0,0,0.07); }
body.home .rk-header.rk-scrolled { background: var(--rk-bg); border-bottom-color: rgba(46,51,43,0.08); }
body.home .rk-header.rk-scrolled .rk-brand a,
body.home .rk-header.rk-scrolled .wp-block-navigation a,
body.home .rk-header.rk-scrolled .wp-block-navigation { color: var(--rk-secondary); }
body.home .rk-header.rk-scrolled .rk-nav-cta a:hover { color: #fff !important; }

/* Inner pages: offset fixed header */
body:not(.home) main.wp-block-group { padding-top: 92px; }

/* ============================================ NAV — mobile overlay (L28 / R27) */
@media (min-width: 782px) {
    .wp-block-navigation__responsive-container-open { display: none !important; }
    .wp-block-navigation__responsive-container.is-menu-open { display: none !important; }
}
@media (max-width: 781px) {
    body.home .rk-header .wp-block-navigation__responsive-container-open { color: #fff; }
    .wp-block-navigation__responsive-container.is-menu-open {
        position: fixed !important; inset: 0 !important;
        background: var(--rk-secondary) !important; padding: 24px !important;
    }
    .wp-block-navigation.is-menu-open .wp-block-navigation__container {
        justify-content: flex-start !important; align-items: flex-start !important; text-align: left !important;
    }
    .wp-block-navigation__responsive-container.is-menu-open a { color: #fff !important; }
    .wp-block-navigation__responsive-container.is-menu-open .rk-nav-cta a { border-color: #fff; }
}
html.has-modal-open { overflow: auto; }
@media (min-width: 782px) { html.has-modal-open { overflow: auto !important; } }

/* ============================================ HERO (R26 breakpoints) */
.rk-hero.wp-block-cover { min-height: 88vh; align-items: center; }
.rk-hero .wp-block-cover__inner-container { max-width: 820px; text-align: center; }
.rk-hero .rk-eyebrow { color: #e7ddca; letter-spacing: 2.5px; text-transform: uppercase; font-size: 0.7rem; font-weight: 500; margin-bottom: 10px; }
.rk-hero h1 { color: #fff; font-size: clamp(1.8rem, 4vw, 3rem); line-height: 1.14; margin: 0 0 14px; }
.rk-hero p.rk-lead { color: #f3efe6; font-size: clamp(0.92rem, 1.6vw, 1.05rem); max-width: 580px; margin: 0 auto 24px; line-height: 1.6; }
@media (max-width: 782px) {
    .rk-hero.wp-block-cover { min-height: 64vh !important; }
    .wp-block-cover h1, .rk-hero h1, .wp-block-cover .wp-block-heading { font-size: 1.55rem; line-height: 1.2; }
}
@media (max-width: 480px) {
    .wp-block-cover h1, .rk-hero h1, .wp-block-cover .wp-block-heading { font-size: 1.3rem; }
}

/* ============================================ SECTIONS */
.rk-section { padding-top: 56px; padding-bottom: 56px; }
.rk-section-alt { padding-top: 56px; padding-bottom: 56px; background: var(--rk-light); }
.rk-section-dark { padding-top: 48px; padding-bottom: 48px; background: var(--rk-secondary); color: #e9ead8; }
.rk-section-dark h2, .rk-section-dark h3 { color: #fff; }
.rk-eyebrow-c { color: var(--rk-accent); letter-spacing: 1.8px; text-transform: uppercase; font-size: 0.64rem; font-weight: 600; text-align: center; margin-bottom: 6px; }
.rk-section-title { text-align: center; margin: 0 auto 28px; max-width: 720px; }
.rk-section-title h2 { font-size: clamp(1.3rem, 2.4vw, 1.75rem); margin: 0 0 8px; }
.rk-section-title p { color: #6b6f63; font-size: 0.92rem; margin: 0; }

/* ============================================ CARDS / SERVICES / "CE PRODUCEM" */
.rk-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; }
.rk-card {
    background: #fff; border: 1px solid #e6e0d2; border-radius: 12px; padding: 28px 24px;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.rk-card:hover { transform: translateY(-5px); box-shadow: 0 14px 32px rgba(46,51,43,0.09); border-color: var(--rk-primary); }
.rk-card .rk-icon {
    width: 52px; height: 52px; border-radius: 12px; background: var(--rk-light);
    display: flex; align-items: center; justify-content: center; color: var(--rk-primary); margin-bottom: 16px;
}
.rk-card .rk-icon.rk-icon-accent { background: #f3e3d9; color: var(--rk-accent); }
.rk-card .rk-icon svg { width: 26px; height: 26px; }
.rk-card h3 { font-size: 1.02rem; margin: 0 0 8px; }
.rk-card p { color: #62665b; font-size: 0.88rem; line-height: 1.65; margin: 0; }
.rk-card ul { color: #62665b; font-size: 0.94rem; line-height: 1.7; margin: 10px 0 0; padding-left: 18px; }

/* ============================================ DESPRE-SCURT split */
.rk-split { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.rk-split img { border-radius: 14px; box-shadow: 0 16px 36px rgba(46,51,43,0.1); width: 100%; object-fit: cover; }
.rk-split h2 { font-size: clamp(1.25rem, 2.4vw, 1.7rem); margin: 6px 0 12px; }
.rk-split p { color: #54584d; line-height: 1.7; font-size: 0.94rem; }

/* ============================================ NUMBERS (cifre) */
.rk-numbers { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 24px; text-align: center; }
.rk-number .num { font-family: var(--wp--preset--font-family--heading, serif); font-size: clamp(1.6rem, 3vw, 2.25rem); font-weight: 500; color: #fff; line-height: 1; display: block; }
.rk-number .num.accent { color: var(--rk-accent); }
.rk-number .lbl { color: #b8c0a8; font-size: 0.9rem; margin-top: 8px; display: block; }

/* ============================================ ADVANTAGES (de ce) */
.rk-advantages { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 28px; }
.rk-advantage { text-align: center; padding: 12px; }
.rk-advantage .rk-adv-icon { color: var(--rk-primary); display: flex; justify-content: center; margin-bottom: 12px; }
.rk-advantage .rk-adv-icon svg { width: 32px; height: 32px; }
.rk-advantage h3 { font-size: 0.95rem; margin: 0 0 6px; }
.rk-advantage p { color: #62665b; font-size: 0.92rem; line-height: 1.55; margin: 0; }

/* ============================================ GALERIE + LIGHTBOX (R25) */
.gm-gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.gm-gallery-grid figure { margin: 0; overflow: hidden; border-radius: 10px; background: #fff; border: 1px solid #e6e0d2; }
.gm-gallery-grid img { width: 100%; height: 240px; object-fit: cover; display: block; cursor: zoom-in; transition: transform 0.35s ease; }
.gm-gallery-grid figure:hover img { transform: scale(1.05); }
.gm-lightbox { position: fixed; inset: 0; background: rgba(28,31,25,0.92); display: none; align-items: center; justify-content: center; z-index: 99999; }
.gm-lightbox.open { display: flex; }
.gm-lightbox img { max-width: 90vw; max-height: 86vh; border-radius: 8px; box-shadow: 0 10px 50px rgba(0,0,0,0.5); }
.gm-lightbox .gm-lb-btn { position: absolute; background: rgba(255,255,255,0.12); color: #fff; border: none; width: 50px; height: 50px; border-radius: 50%; font-size: 1.5rem; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s; }
.gm-lightbox .gm-lb-btn:hover { background: rgba(255,255,255,0.25); }
.gm-lb-close { top: 22px; right: 22px; }
.gm-lb-prev { left: 22px; top: 50%; transform: translateY(-50%); }
.gm-lb-next { right: 22px; top: 50%; transform: translateY(-50%); }

/* ============================================ CONTACT FORM (CF7 — R_CF7_1 / R_CF7_2) */
.wpcf7 { background: #fff; border: 1px solid #e6e0d2; border-radius: 14px; padding: 32px; }
.global-cf7-row { display: flex; gap: 16px; margin-bottom: 16px; }
.global-cf7-col { flex: 1; }
.global-cf7-col label, .wpcf7 > p > label { display: block; font-weight: 500; font-size: 0.9rem; color: var(--rk-secondary); margin-bottom: 6px; }
.wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance):not([type="checkbox"]):not([type="radio"]) {
    width: 100%; padding: 12px 14px; border: 1px solid #d8d2c4; border-radius: 8px; font-size: 1rem;
    background: #faf9f5; font-family: inherit; transition: border-color 0.2s, box-shadow 0.2s; box-sizing: border-box;
}
.wpcf7 .wpcf7-form-control:not(.wpcf7-submit):focus { outline: none; border-color: var(--rk-primary); box-shadow: 0 0 0 3px rgba(110,123,83,0.12); background: #fff; }
.wpcf7 textarea.wpcf7-form-control { min-height: 130px; resize: vertical; }
.wpcf7 .wpcf7-acceptance { display: inline; border: none !important; padding: 0 !important; background: none !important; box-shadow: none !important; }
.wpcf7 .wpcf7-acceptance .wpcf7-list-item { margin: 0; }
.wpcf7 .wpcf7-acceptance label { display: flex; align-items: flex-start; gap: 8px; font-weight: 400; font-size: 0.85rem; color: #62665b; }
.wpcf7 .wpcf7-acceptance input[type="checkbox"] { width: auto; margin-top: 3px; }
.wpcf7 .wpcf7-submit {
    background: var(--rk-primary); color: #fff; border: none; padding: 14px 30px; font-weight: 500; font-size: 1.02rem;
    border-radius: 6px; cursor: pointer; width: 100%; transition: background 0.3s, transform 0.2s; margin-top: 8px; font-family: inherit;
}
.wpcf7 .wpcf7-submit:hover { background: var(--rk-dark-primary, #5A6645); transform: translateY(-1px); }
.wpcf7 .wpcf7-not-valid-tip { color: #b3261e; font-size: 0.8rem; margin-top: 4px; }
.wpcf7 .wpcf7-response-output { border-radius: 8px !important; padding: 12px 16px !important; }

/* Contact info links + icons (R29_CONTACT) */
.rk-contact-info { line-height: 2; }
.rk-contact-info a { color: var(--rk-text); text-decoration: none; }
.rk-contact-info a:hover { color: var(--rk-accent); }
.rk-contact-info p { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; }
.rk-contact-info svg { width: 20px; height: 20px; color: var(--rk-primary); flex-shrink: 0; }

/* ============================================ CTA BANNER (R17 — doar în footer) */
.rk-cta { background: var(--rk-primary); color: #fff; padding: 52px 24px; text-align: center; }
.rk-cta h2 { color: #fff; font-size: clamp(1.25rem, 2.4vw, 1.7rem); margin: 0 0 10px; }
.rk-cta p { color: #eef0e6; max-width: 540px; margin: 0 auto 22px; }
.rk-cta .wp-block-button__link { background: #fff; color: var(--rk-primary); font-weight: 500; border-radius: 4px; padding: 13px 30px; }
.rk-cta .wp-block-button__link:hover { background: var(--rk-accent); color: #fff; }

/* ============================================ FOOTER (F5 — dark premium) */
.rk-footer { background: var(--rk-secondary); color: #9aa28c; padding: 48px 0 0; font-size: 0.84rem; }
.rk-footer .rk-brand-foot { font-family: var(--wp--preset--font-family--heading, serif); font-weight: 600; font-size: 1.25rem; color: #fff; letter-spacing: 1px; }
.rk-footer h4 { color: #f1f0e6; font-size: 0.9rem; margin: 0 0 14px; }
.rk-footer p, .rk-footer li { color: #9aa28c; line-height: 1.8; font-size: 0.84rem; }
.rk-footer a { color: #9aa28c; text-decoration: none; transition: color 0.2s; }
.rk-footer a:hover { color: var(--rk-accent); }
.rk-footer ul { list-style: none; padding: 0; margin: 0; }
.rk-footer .rk-foot-contact p { display: flex; align-items: center; gap: 10px; }
.rk-footer .rk-foot-contact svg { width: 18px; height: 18px; color: var(--rk-accent); flex-shrink: 0; }
.rk-social { display: flex; gap: 10px; margin-top: 16px; }
.rk-social a { width: 40px; height: 40px; border-radius: 8px; background: rgba(255,255,255,0.06); display: inline-flex; align-items: center; justify-content: center; color: #c7cbb8; }
.rk-social a:hover { background: var(--rk-accent); color: #fff; }
.rk-social svg { width: 18px; height: 18px; }
.rk-footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.1); margin-top: 40px; padding: 18px 0;
    text-align: center; font-size: 0.76rem; color: #7c8270; overflow: visible;
}
.rk-footer-bottom a { color: #9aa28c; white-space: nowrap; }
.rk-footer-bottom a:hover { color: #fff; }

/* ============================================ WHATSAPP + SCROLL TOP (gm-*) */
.gm-whatsapp-float { position: fixed; bottom: 24px; right: 24px; background: #25D366; width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(37,211,102,0.35); z-index: 9999; transition: transform 0.3s; }
.gm-whatsapp-float:hover { transform: scale(1.1); }
.gm-scroll-top { position: fixed; bottom: 24px; right: 92px; width: 44px; height: 44px; border-radius: 50%; background: var(--rk-secondary); color: #fff; border: none; cursor: pointer; display: none; align-items: center; justify-content: center; z-index: 9998; transition: background 0.3s, transform 0.3s; box-shadow: 0 2px 8px rgba(0,0,0,0.2); }
.gm-scroll-top:hover { background: var(--rk-primary); transform: translateY(-2px); }
.gm-scroll-top.visible { display: flex; }

::selection { background-color: var(--rk-primary); color: #fff; }

/* ============================================ PAGE TITLE (inner pages) */
.rk-page-head { background: var(--rk-secondary); padding: 44px 1.2rem; text-align: center; margin-bottom: 24px; }
.rk-page-head h1 { font-size: clamp(1.5rem, 3vw, 2.1rem); margin: 0; color: #fff; }

/* ============================================ RESPONSIVE (R13 — padding mobil) */
@media (max-width: 900px) {
    .rk-split { grid-template-columns: 1fr; gap: 26px; }
}
@media (max-width: 768px) {
    /* breathing room la margini (fără benzi pe fundalurile colorate) */
    body { --wp--style--root--padding-left: 20px !important; --wp--style--root--padding-right: 20px !important; }
    .wp-site-blocks > .rk-hero-video,
    .wp-site-blocks > footer.wp-block-template-part { padding-left: 0 !important; padding-right: 0 !important; }
    .rk-hero-video .rk-hero-inner { padding-left: 18px; padding-right: 18px; }
    .rk-section, .rk-section-alt, .rk-section-dark { padding-top: 40px; padding-bottom: 40px; }
    .rk-cards, .rk-advantages, .rk-numbers { gap: 16px; }
    .global-cf7-row { flex-direction: column; gap: 12px; }
    .wpcf7 { padding: 22px; }
    .gm-gallery-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .gm-gallery-grid img { height: 170px; }
    .rk-split-video { max-height: 300px; }
    .rk-footer-bottom { display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; gap: 6px; padding: 16px 16px 88px; }
    .rk-footer .wp-block-column { flex-basis: 100% !important; }
    .rk-footer .wp-block-columns { gap: 26px; }
    body:not(.home) main.wp-block-group { padding-top: 78px; }
}
@media (max-width: 480px) {
    body { --wp--style--root--padding-left: 16px; --wp--style--root--padding-right: 16px; }
}
@media (max-width: 480px) {
    .gm-gallery-grid { grid-template-columns: 1fr; }
    .gm-gallery-grid img { height: 220px; }
}

@media print {
    .gm-whatsapp-float, .gm-scroll-top { display: none !important; }
    .rk-header { position: static; }
}

/* Hero outline button (white) */
.rk-hero .rk-btn-light .wp-block-button__link,
.rk-hero .is-style-outline .wp-block-button__link { color: #fff; border: 1.5px solid rgba(255,255,255,0.8); background: transparent; }
.rk-hero .rk-btn-light .wp-block-button__link:hover { background: #fff; color: var(--rk-secondary); border-color: #fff; }
.rk-hero .wp-block-button__link { padding: 13px 28px; }

/* Content headings — compact (≈ -20%) */
main.wp-block-group h1.wp-block-heading { font-size: clamp(1.5rem, 3vw, 2rem); }
main.wp-block-group h2.wp-block-heading { font-size: 1.4rem; }
main.wp-block-group h3.wp-block-heading { font-size: 1.1rem; }

/* ============================================ HERO VIDEO */
.rk-hero-video { position: relative; min-height: 88vh; display: flex; align-items: center; justify-content: center; overflow: hidden; margin-block-start: 0 !important; margin-top: 0 !important; }
.wp-site-blocks > .rk-hero-video, .wp-site-blocks > header.wp-block-template-part { margin-block-start: 0 !important; }
.rk-hero-video-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.rk-hero-overlay { position: absolute; inset: 0; background: rgba(28,31,25,0.62); z-index: 1; }
.rk-hero-video .rk-hero-inner { position: relative; z-index: 2; max-width: 820px; text-align: center; padding: 70px 1rem 0; }
.rk-hero-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.rk-btn { display: inline-block; padding: 13px 28px; border-radius: 4px; font-weight: 500; text-decoration: none; font-size: 0.95rem; transition: background 0.25s, color 0.25s, border-color 0.25s; }
.rk-btn-primary { background: var(--rk-primary); color: #fff; }
.rk-btn-primary:hover { background: #5A6645; }
.rk-btn-outline { border: 1.5px solid rgba(255,255,255,0.8); color: #fff; }
.rk-btn-outline:hover { background: #fff; color: var(--rk-secondary); border-color: #fff; }
@media (max-width: 782px) { .rk-hero-video { min-height: 64vh; } }

/* ============================================ PRODUSE (showcase necropat, rând centrat) */
.rk-products { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; }
.rk-product { flex: 0 1 200px; margin: 0; background: #fff; border: 1px solid #e6e0d2; border-radius: 12px; padding: 14px; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; }
.rk-product:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(46,51,43,0.09); border-color: var(--rk-primary); }
.rk-product-img { display: flex; align-items: center; justify-content: center; height: 165px; background: #fff; border: 1px solid #ece7da; border-radius: 8px; padding: 14px; }
.rk-product-img img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.rk-product figcaption { margin-top: 12px; font-size: 0.85rem; font-weight: 500; color: var(--rk-secondary); line-height: 1.35; }
@media (max-width: 768px) { .rk-products { gap: 12px; } .rk-product { flex: 0 1 calc(50% - 6px); } .rk-product-img { height: 135px; } }
@media (max-width: 400px) { .rk-products { grid-template-columns: repeat(2, 1fr); } }

/* Despre — split video */
.rk-split-video { width: 100%; max-height: 400px; object-fit: cover; border-radius: 14px; box-shadow: 0 16px 36px rgba(46,51,43,0.1); display: block; }

/* Carduri centrate (ultimul rând centrat) */
.rk-cards-center { display: flex; flex-wrap: wrap; justify-content: center; gap: 22px; }
.rk-cards-center .rk-card { flex: 1 1 300px; max-width: 360px; }
@media (max-width: 768px) { .rk-cards-center .rk-card { flex: 1 1 100%; max-width: 100%; } }
/* Imagine feature pe pagini (necropată moderat) */
.rk-feature-img { width: 100%; border-radius: 14px; box-shadow: 0 16px 36px rgba(46,51,43,0.1); display: block; object-fit: cover; max-height: 360px; }

/* ============================================ HERO SLIDES (AI images) */
.rk-hero-slides { position: relative; min-height: 88vh; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.rk-hero-slides .rk-slide { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity 1.2s ease; z-index: 0; }
.rk-hero-slides .rk-slide.active { opacity: 1; }
.rk-hero-slides .rk-hero-inner { position: relative; z-index: 2; max-width: 820px; text-align: center; padding: 70px 1rem 0; }
@media (max-width: 782px) { .rk-hero-slides { min-height: 64vh; } }
@media (max-width: 768px) { .rk-hero-slides .rk-hero-inner { padding-left: 20px; padding-right: 20px; } }

/* Anulează marginea de sus a hero-ului (al 2-lea copil din wp-site-blocks) — fix bară albă */
.wp-site-blocks > .rk-hero { margin-block-start: 0 !important; margin-top: 0 !important; }
@media (max-width: 768px) { .wp-site-blocks > .rk-hero { padding-left: 0 !important; padding-right: 0 !important; } }

/* Despre — etichete valori + titluri secțiune pe pagină */
.rk-chips { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 6px; }
.rk-chip { background: #fff; border: 1px solid #e6e0d2; border-radius: 999px; padding: 9px 20px; font-size: 0.9rem; font-weight: 500; color: var(--rk-secondary); }
/* Valori ca text (fără căsuțe) */
.rk-values-text { text-align: center; max-width: 820px; margin: 8px auto 0; font-size: 1.1rem; line-height: 2; color: var(--rk-secondary); font-family: var(--wp--preset--font-family--heading, serif); }
.rk-values-text span { color: var(--rk-accent); margin: 0 8px; }
/* Carduri mai late (2 pe rând — Ce ne ghidează) */
.rk-cards-2 .rk-card { flex: 1 1 440px; max-width: 520px; }
@media (max-width: 768px) { .rk-cards-2 .rk-card { flex: 1 1 100%; max-width: 100%; } }
.rk-page-section-title { text-align: center; margin: 8px 0 22px; }
.rk-page-section-title .rk-eyebrow-c { margin-bottom: 4px; }
.rk-page-section-title h2 { margin: 0; }

/* Bandă clay pală full-width (contrast) — ex. Angajament */
.rk-band-clay { background: #33382F; padding-top: 52px; padding-bottom: 52px; }
.rk-band-clay .wp-block-columns { margin: 0 !important; }
.rk-band-clay h2 { color: #fff !important; font-size: 1.2rem !important; }
.rk-band-clay p { color: #d9dbcf !important; font-size: 0.88rem !important; line-height: 1.65; }
.rk-band-clay .rk-eyebrow-c { color: var(--rk-accent) !important; }
/* Carduri categorii mai late (3 pe rând — Ce producem) */
.rk-cards-3 .rk-card { flex: 1 1 400px; max-width: 500px; padding: 30px 30px; }
.rk-cards-3 .rk-card p { line-height: 1.75; }
.rk-cards-3 .rk-card ul { line-height: 1.9; }
@media (max-width: 768px) { .rk-cards-3 .rk-card { flex: 1 1 100%; max-width: 100%; } }

/* Ce producem (page-id-21) — titluri de conținut mai mici */
.page-id-21 main h2.wp-block-heading { font-size: 1.25rem; }
.page-id-21 main h3.wp-block-heading { font-size: 1.05rem; }

/* Cui ne adresăm — poze rotunde categorii */
.rk-audience { display: flex; flex-wrap: wrap; justify-content: center; gap: 34px; margin-top: 28px; }
.rk-audience figure { margin: 0; width: 200px; text-align: center; }
.rk-audience .rk-aud-img { width: 180px; height: 180px; border-radius: 50%; object-fit: cover; margin: 0 auto 14px; display: block; box-shadow: 0 8px 22px rgba(46,51,43,0.12); transition: transform 0.3s ease; }
.rk-audience figure:hover .rk-aud-img { transform: scale(1.05); }
.rk-audience figcaption { font-size: 1rem; color: var(--rk-secondary); font-weight: 500; }
@media (max-width: 768px) { .rk-audience { gap: 22px 16px; } .rk-audience figure { width: 44%; } .rk-audience .rk-aud-img { width: 130px; height: 130px; } }

/* Secțiune text compactă (ex. Soluții complete – Ce producem) */
.rk-text-sm h2.wp-block-heading { font-size: 1.1rem !important; }
.rk-text-sm h3.wp-block-heading { font-size: 0.95rem !important; }
.rk-text-sm p, .rk-text-sm li { font-size: 0.85rem; line-height: 1.65; }

/* Ce producem — categorii fără chenar (doar text + iconiță) */
.rk-cards-3 .rk-card { background: transparent !important; border: none !important; box-shadow: none !important; padding: 6px 14px; }
.rk-cards-3 .rk-card:hover { transform: none; box-shadow: none !important; border: none !important; }
