/*
Theme Name: Smartava Child
Theme URI: https://smartava.ltd
Author: Smart Weblications GmbH
Description: Modernes Child-Theme basierend auf Raft — dunkle Navbar, Gradient Hero, moderne Karten, Dark/Light Mode
Version: 1.0.0
Template: raft
License: GNU General Public License v2 or later
Text Domain: smartava-child
*/

/* ============================================
   CSS Variables
   ============================================ */
:root {
    --smartava-primary: #0066ff;
    --smartava-primary-dark: #0052cc;
    --smartava-dark: #0f1b2d;
    --smartava-dark-lighter: #1a2a42;
    --smartava-gradient-start: #0f1b2d;
    --smartava-gradient-end: #1a3a6b;
    --smartava-text: #1a1a2e;
    --smartava-text-light: #6b7280;
    --smartava-bg: #f8f9fc;
    --smartava-white: #ffffff;
    --smartava-border: #e5e7eb;
    --smartava-radius: 12px;
    --smartava-shadow: 0 4px 24px rgba(15, 27, 45, 0.08);
    --smartava-shadow-hover: 0 8px 32px rgba(15, 27, 45, 0.14);
}

[data-theme="dark"] {
    --smartava-bg: #121212;
    --smartava-white: #1e1e1e;
    --smartava-text: #e0e0e0;
    --smartava-text-light: #a0a0a0;
    --smartava-border: #333333;
    --smartava-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
    --smartava-shadow-hover: 0 8px 32px rgba(0, 0, 0, 0.5);
}

/* ============================================
   Base
   ============================================ */
body {
    background: var(--smartava-bg) !important;
    color: var(--smartava-text) !important;
}

a {
    color: var(--smartava-primary) !important;
}

/* Hero buttons: white text on blue/transparent backgrounds */
.hero-cta a {
    color: #fff !important;
}

/* ============================================
   Header overrides
   ============================================ */
header[role="banner"],
header.wp-block-template-part,
div[style*="linear-gradient"] {
    background: var(--smartava-dark) !important;
}

/* ============================================
   Hero Section
   ============================================ */
.smartava-hero {
    background: linear-gradient(135deg, var(--smartava-gradient-start) 0%, var(--smartava-gradient-end) 100%);
    color: var(--smartava-white);
    padding: 5rem 2rem;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.smartava-hero::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(0, 102, 255, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}
.smartava-hero h1 {
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    margin-bottom: 1rem;
    line-height: 1.15;
}
.smartava-hero p {
    font-size: clamp(1rem, 2vw, 1.25rem);
    opacity: 0.85;
    max-width: 600px;
    margin: 0 auto 2rem;
    line-height: 1.6;
}
.smartava-hero .smartava-cta-group {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}
.smartava-hero .smartava-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.85rem 2rem;
    border-radius: 50px;
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.25s ease;
    cursor: pointer;
    border: none;
}
.smartava-hero .smartava-btn-primary {
    background: var(--smartava-primary);
    color: var(--smartava-white);
}
.smartava-hero .smartava-btn-primary:hover {
    background: var(--smartava-primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 102, 255, 0.35);
}
.smartava-hero .smartava-btn-secondary {
    background: rgba(255, 255, 255, 0.1);
    color: var(--smartava-white);
    border: 1px solid rgba(255, 255, 255, 0.25);
}
.smartava-hero .smartava-btn-secondary:hover {
    background: rgba(255, 255, 255, 0.18);
    transform: translateY(-2px);
}

/* ============================================
   Service Cards
   ============================================ */
.smartava-services {
    padding: 4rem 2rem;
    background: var(--smartava-bg);
}
.smartava-services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
}
.smartava-service-card {
    background: var(--smartava-white);
    border-radius: var(--smartava-radius);
    padding: 2rem;
    box-shadow: var(--smartava-shadow);
    transition: all 0.3s ease;
    border: 1px solid var(--smartava-border);
}
.smartava-service-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--smartava-shadow-hover);
    border-color: var(--smartava-primary);
}
.smartava-service-card .card-icon {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    display: block;
}
.smartava-service-card h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--smartava-text);
    margin-bottom: 0.75rem;
}
.smartava-service-card p {
    color: var(--smartava-text-light);
    line-height: 1.6;
    margin-bottom: 1rem;
}
.smartava-service-card .card-link {
    color: var(--smartava-primary);
    font-weight: 600;
    text-decoration: none;
    font-size: 0.95rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    transition: gap 0.2s ease;
}
.smartava-service-card .card-link:hover {
    gap: 0.65rem;
}

/* ============================================
   Section Title
   ============================================ */
.section-title {
    text-align: center;
    margin-bottom: 3rem;
}
.section-title h2 {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 800;
    color: var(--smartava-text);
    margin-bottom: 0.75rem;
}
.section-title p {
    color: var(--smartava-text-light);
    font-size: 1.1rem;
    max-width: 600px;
    margin: 0 auto;
}

/* ============================================
   Footer overrides
   ============================================ */
footer[role="contentinfo"],
footer.wp-block-template-part {
    background: var(--smartava-dark) !important;
    color: rgba(255, 255, 255, 0.7) !important;
}
footer[role="contentinfo"] a,
footer.wp-block-template-part a {
    color: rgba(255, 255, 255, 0.8) !important;
}
footer[role="contentinfo"] h2,
footer[role="contentinfo"] h3,
footer[role="contentinfo"] h4,
footer[role="contentinfo"] .wp-block-heading,
footer.wp-block-template-part h2,
footer.wp-block-template-part h3,
footer.wp-block-template-part h4,
footer.wp-block-template-part .wp-block-heading {
    color: var(--smartava-white) !important;
}

/* ============================================
   Buttons
   ============================================ */
.wp-block-button__link {
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.25s ease;
}
.wp-block-button__link:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 102, 255, 0.25);
}

/* ============================================
   Main content
   ============================================ */
main[role="main"] {
    background: var(--smartava-bg) !important;
}

/* ============================================
   Posts
   ============================================ */
article.post, article.wp-block-post {
    background: var(--smartava-white);
    border-radius: var(--smartava-radius);
    box-shadow: var(--smartava-shadow);
    border: 1px solid var(--smartava-border);
    transition: all 0.3s ease;
    overflow: hidden;
}
article.post:hover, article.wp-block-post:hover {
    transform: translateY(-3px);
    box-shadow: var(--smartava-shadow-hover);
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 768px) {
    .smartava-hero {
        padding: 3rem 1.5rem;
    }
    .smartava-services {
        padding: 2.5rem 1rem;
    }
    .smartava-services-grid {
        grid-template-columns: 1fr;
    }
}

/* Shared navigation and native authentication forms on all child-theme pages. */
.mobile-menu-btn { display:none; background:none; border:1px solid rgba(255,255,255,.3); color:#fff; padding:6px 12px; border-radius:6px; cursor:pointer; font-size:18px; }
@media (max-width:1100px) {
  .desktop-nav { display:none !important; }
  .mobile-menu-btn { display:block !important; }
  .mobile-nav { display:none; position:absolute; top:100%; left:0; right:0; background:#0f1b2d; padding:16px; flex-direction:column; gap:12px !important; z-index:999; }
  .mobile-nav.open { display:flex !important; }
}
.smartava-auth-form { max-width:540px; margin:0 auto; }
.smartava-auth-form input:not([type=checkbox]):not([type=hidden]), .smartava-auth-form select { width:100%; padding:10px; box-sizing:border-box; }
.smartava-auth-form label { display:block; margin-bottom:6px; }
.smartava-auth-form input[type=submit], .smartava-auth-form button[type=submit] { background:#2563eb; color:white; border:0; border-radius:6px; padding:12px 20px; cursor:pointer; }

/* Account profile: grouped fields with intentional widths. */
.smartava-profile,.smartava-profile-social { max-width:960px; margin:0 auto; color:var(--smartava-text,#18263b); }
.smartava-profile-heading { margin-bottom:30px; }
.smartava-profile-eyebrow { font-size:12px; font-weight:700; letter-spacing:.14em; color:#2563eb; }
.smartava-profile-heading h1 { font-size:clamp(30px,4vw,42px); line-height:1.2; margin:10px 0; letter-spacing:-.035em; }
.smartava-profile-heading p,.smartava-profile-section-heading p { color:var(--smartava-text-muted,#64748b); margin:6px 0 0; font-size:15px; }
.smartava-profile-card,.smartava-profile-social { background:var(--smartava-white,#fff); border:1px solid var(--smartava-border,#dfe5ed); border-radius:16px; padding:28px; margin-bottom:20px; box-shadow:0 4px 20px rgba(15,23,42,.035); box-sizing:border-box; }
.smartava-profile-section-heading { margin-bottom:24px; }
.smartava-profile-section-heading h2,.smartava-profile-social h3 { font-size:20px; margin:0; letter-spacing:-.02em; }
.smartava-profile-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:20px; }
.smartava-profile-field { grid-column:span 6; min-width:0; }
.smartava-profile-field--gender { grid-column:span 4; }
.smartava-profile-field--firstname,.smartava-profile-field--lastname { grid-column:span 4; }
.smartava-profile-field--address { grid-column:1 / -1; }
.smartava-profile-field--country { grid-column:span 4; }
.smartava-profile-field--plan { grid-column:span 7; }
.smartava-profile-field label { display:block; font-size:14px; font-weight:600; margin-bottom:8px; }
.smartava-profile .smartava-profile-field input,.smartava-profile .smartava-profile-field select { box-sizing:border-box; width:100%; max-width:100%; min-height:46px; padding:10px 13px; border:1px solid #cbd5e1; border-radius:9px; background:var(--smartava-bg,#f8fafc); color:inherit; font:inherit; font-size:15px; box-shadow:none; }
.smartava-profile input:focus,.smartava-profile select:focus { outline:3px solid #2563eb25; border-color:#2563eb; }
.smartava-profile-actions { display:flex; justify-content:flex-end; margin:24px 0 32px; }
.smartava-profile-actions button { width:auto; background:#2563eb; color:#fff; border:0; border-radius:9px; padding:13px 22px; font:inherit; font-weight:600; cursor:pointer; }
.smartava-profile-actions button:hover { background:#1d4ed8; }
.smartava-profile-notice { padding:16px; border:1px solid #e8c66a; border-radius:10px; background:#fffbeb; color:#713f12; }
.smartava-profile-social ul { display:flex; flex-wrap:wrap; gap:12px; padding:0; list-style:none; }
.smartava-profile-social li { padding:10px 15px; border:1px solid var(--smartava-border,#dfe5ed); border-radius:9px; }
@media(max-width:640px) { .smartava-profile-card,.smartava-profile-social { padding:20px; } .smartava-profile-field { grid-column:1 / -1; } .smartava-profile-actions button { width:100%; } }

.smartava-profile-field--zip { grid-column:span 3; }
.smartava-profile-field--city { grid-column:span 5; }
.smartava-profile-field--company { grid-column:span 8; }
.smartava-profile-contract { margin:22px 0 16px; }
.smartava-profile-contract summary { cursor:pointer; font-weight:600; }
.smartava-profile-consent { display:flex; align-items:flex-start; gap:10px; font-size:14px; line-height:1.6; }
.smartava-profile-consent input { width:18px; height:18px; flex:none; margin-top:3px; }
@media(max-width:640px) { .smartava-profile .smartava-profile-field { grid-column:1 / -1; } }

/* Registration shares the account design without making optional data mandatory. */
.smartava-registration { max-width:900px; margin:0 auto; }
.smartava-registration-card { background:var(--smartava-white,#fff); border:1px solid var(--smartava-border,#dfe5ed); border-radius:16px; padding:26px; margin:0 0 20px; box-shadow:0 4px 20px rgba(15,23,42,.035); }
.smartava-registration-card h2 { margin:0 0 8px; font-size:21px; }
.smartava-registration-help { color:#64748b; font-size:14px; line-height:1.6; margin:8px 0 18px; }
.smartava-registration-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:18px 20px; }
.smartava-registration-grid>p { grid-column:span 6; margin:0; }
.smartava-registration-grid>p:has([name="smartava_address"]),.smartava-registration-grid>p:has([name="smartava_company"]) { grid-column:1 / -1; }
.smartava-registration-grid>p:has([name="smartava_zip"]) { grid-column:span 3; }
.smartava-registration-grid>p:has([name="smartava_city"]) { grid-column:span 5; }
.smartava-registration-grid>p:has([name="smartava_country"]) { grid-column:span 4; }
.smartava-registration label { font-size:14px; font-weight:600; line-height:1.8; }
.smartava-registration input:not([type=hidden]):not([type=checkbox]):not([type=submit]),.smartava-registration select { display:block; width:100%; min-height:46px; box-sizing:border-box; padding:10px 13px; border:1px solid #cbd5e1; border-radius:9px; color:inherit; background:var(--smartava-bg,#f8fafc); font:inherit; font-size:15px; margin-top:6px; }
.smartava-registration input:focus,.smartava-registration select:focus { outline:3px solid #2563eb25; border-color:#2563eb; }
.smartava-registration-optional summary { cursor:pointer; font-size:18px; font-weight:650; }
.smartava-registration-optional summary span { float:right; font-size:12px; font-weight:500; color:#64748b; background:#f1f5f9; border-radius:20px; padding:3px 10px; }
.smartava-registration-optional[open] summary { margin-bottom:18px; }
.smartava-registration .smartava-account-note { padding:16px 20px; border-radius:12px; background:#eff6ff; color:#24497a; font-size:14px; line-height:1.6; }
.smartava-registration-actions { display:flex; justify-content:space-between; align-items:center; gap:18px; border-top:1px solid #dfe5ed; margin-top:24px; padding-top:24px; }
.smartava-registration-actions p { margin:0; font-size:14px; }
.smartava-registration-actions button { border:0; border-radius:9px; background:#2563eb; color:#fff; padding:14px 22px; font:inherit; font-weight:600; cursor:pointer; }
.smartava-registration-actions button:hover { background:#1d4ed8; }
.smartava-registration-extra>p:has(input[name="captcha_code"]) { max-width:360px; }
@media(max-width:640px) { .smartava-registration-card { padding:20px; } .smartava-registration-grid>p { grid-column:1 / -1 !important; } .smartava-registration-actions { flex-direction:column-reverse; align-items:stretch; text-align:center; } .smartava-registration-optional summary { font-size:16px; } }

/* Frontend login uses the same cards and controls as registration. */
.smartava-login { max-width:620px; margin:0 auto; color:var(--smartava-text,#18263b); }
.smartava-login-card { padding:30px; }
.smartava-login #smartava-login-form { margin-top:24px; }
.smartava-login #smartava-login-form>p { margin:0 0 20px; }
.smartava-login label { display:block; font-size:14px; font-weight:600; margin-bottom:8px; }
.smartava-login input:not([type=hidden]):not([type=checkbox]):not([type=submit]) { display:block; width:100%; box-sizing:border-box; min-height:46px; padding:10px 13px; border:1px solid #cbd5e1; border-radius:9px; background:var(--smartava-bg,#f8fafc); color:inherit; font:inherit; font-size:15px; }
.smartava-login input:focus-visible,.smartava-login a:focus-visible { outline:3px solid #2563eb55; outline-offset:3px; }
.smartava-login .login-remember label { display:flex; align-items:center; gap:9px; font-weight:400; }
.smartava-login input[type=checkbox] { width:18px; height:18px; margin:0; }
.smartava-login input[type=submit] { width:100%; border:0; border-radius:9px; background:#2563eb; color:#fff; padding:14px 22px; font:inherit; font-weight:600; cursor:pointer; }
.smartava-login input[type=submit]:hover { background:#1d4ed8; }
.smartava-login-recovery,.smartava-login-register { text-align:center; font-size:14px; }
:is(.smartava-login,.smartava-registration-social) .smartava-social-login-divider { margin:25px 0; }
:is(.smartava-login,.smartava-registration-social) .smartava-social-login-divider span { background:var(--smartava-white,#fff); }
:is(.smartava-login,.smartava-registration-social) .smartava-social-login-buttons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0; }
:is(.smartava-login,.smartava-registration-social) .smartava-social-login-buttons a { justify-content:center; gap:10px; min-height:48px; padding:10px 16px; box-sizing:border-box; border-radius:9px; font-size:15px; font-weight:600; }
:is(.smartava-login,.smartava-registration-social) .smartava-social-login-buttons a svg { width:21px; height:21px; }
@media(max-width:640px) { .smartava-login-card { padding:20px; } }
@media(max-width:360px) { :is(.smartava-login,.smartava-registration-social) .smartava-social-login-buttons { grid-template-columns:1fr; } }

.smartava-registration-social .smartava-social-login-divider { display:none; }
.smartava-registration-email-alternative { text-align:center; color:var(--smartava-text-muted,#64748b); font-size:14px; margin:22px 0; }

/* Blog uses the shared site shell with a responsive article grid. */
.smartava-blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.smartava-blog-card { overflow:hidden; border:1px solid var(--smartava-border,#dfe5ed); border-radius:16px; background:var(--smartava-white,#fff); box-shadow:0 4px 20px rgba(15,23,42,.035); }
.smartava-blog-card img { display:block; width:100%; height:200px; object-fit:cover; }
.smartava-blog-card-content { padding:24px; }
.smartava-blog-card time { font-size:13px; color:var(--smartava-text-muted,#64748b); }
.smartava-blog-card h2 { font-size:21px; line-height:1.35; margin:12px 0; overflow-wrap:anywhere; }
.smartava-blog-card h2 a { color:inherit; text-decoration:none; }
.smartava-blog-card p { font-size:15px; line-height:1.7; color:var(--smartava-text-muted,#64748b); }
.smartava-blog-read { font-size:14px; font-weight:600; }
.smartava-blog .pagination { margin-top:32px; }
.smartava-blog .page-numbers { padding:8px 12px; }
.smartava-blog-article { max-width:820px; margin:24px auto 0; }
.smartava-blog-hero { width:100%; height:auto; border-radius:16px; margin-bottom:24px; }
.smartava-blog-body { line-height:1.8; overflow-wrap:anywhere; }
.smartava-blog-body img { max-width:100%; height:auto; }
.smartava-blog-back { font-size:14px; }
@media(max-width:950px) { .smartava-blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) { .smartava-blog-grid { grid-template-columns:1fr; } }

/* Compact editorial cards: each card keeps its natural height. */
.smartava-blog-grid { display:block; column-count:3; column-gap:22px; }
.smartava-blog-card { display:inline-block; vertical-align:top; width:100%; box-sizing:border-box; break-inside:avoid; margin:0 0 22px; }
.smartava-blog-card-content { padding:22px; }
.smartava-blog-card img { height:160px; }
.smartava-blog-card h2 { font-size:20px; }
.smartava-blog-card p { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin:12px 0 16px; }
/* Product presentation is scoped to the four top-level product pages. */
.smartava-product { color:var(--smartava-text,#18263b); }
.smartava-product-hero { padding:36px; border:1px solid var(--smartava-border,#dfe5ed); border-radius:20px; background:linear-gradient(135deg,var(--smartava-white,#fff),var(--smartava-bg,#eff6ff)); margin-bottom:28px; }
.smartava-product-hero h1 { font-size:clamp(30px,4vw,46px); line-height:1.15; letter-spacing:-.035em; margin:12px 0 22px; }
.smartava-product-intro { max-width:850px; font-size:17px; line-height:1.75; }
.smartava-product-intro p { margin:12px 0; }
.smartava-product-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.smartava-product-actions a { display:inline-flex; align-items:center; justify-content:center; padding:12px 18px; min-height:44px; box-sizing:border-box; border:1px solid #2563eb; border-radius:9px; font-size:14px; font-weight:600; text-decoration:none; }
.smartava-product-actions a:first-child { background:#2563eb; color:#fff !important; }
.smartava-product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; align-items:start; scroll-margin-top:20px; }
.smartava-product-section { min-width:0; padding:28px; border:1px solid var(--smartava-border,#dfe5ed); border-radius:16px; background:var(--smartava-white,#fff); overflow-wrap:anywhere; }
.smartava-product-section--wide { grid-column:1 / -1; }
.smartava-product-section h2,.smartava-product-section h3 { font-size:22px; line-height:1.35; margin:0 0 20px; }
.smartava-product-section p,.smartava-product-section li { font-size:15px; line-height:1.8; }
.smartava-product-section ul,.smartava-product-section ol { padding-left:22px; margin:0; }
.smartava-product-section li { margin:0 0 12px; padding-left:3px; }
.smartava-product-section li:last-child { margin-bottom:0; }
.smartava-product-section figure { margin:0; max-width:100%; overflow-x:auto; }
.smartava-product-section table { width:100%; min-width:440px; border-collapse:collapse; font-size:14px; table-layout:auto; }
.smartava-product-section th,.smartava-product-section td { padding:14px 16px; text-align:left; border:1px solid var(--smartava-border,#dfe5ed); }
.smartava-product-section th { background:var(--smartava-bg,#eff6ff); font-weight:600; }
.smartava-product-section pre { max-width:100%; overflow-x:auto; white-space:pre; box-sizing:border-box; padding:22px; border-radius:12px; background:#0f1b2d; color:#e2e8f0; font-size:13px; line-height:1.7; }
.smartava-product-intro a[href$=".exe"],.smartava-product-intro a[href$=".AppImage"] { display:inline-block; padding:10px 16px; border:1px solid #bfdbfe; border-radius:9px; background:var(--smartava-white,#fff); overflow-wrap:anywhere; }
@media(max-width:950px) { .smartava-blog-grid { column-count:2; } }
@media(max-width:640px) {
 .smartava-blog-grid { column-count:1; }
 .smartava-blog-card { margin-bottom:16px; }
 .smartava-product-grid { grid-template-columns:1fr; gap:16px; }
 .smartava-product-hero { padding:24px 20px; }
 .smartava-product-section { padding:22px 18px; }
 .smartava-product-actions { flex-direction:column; }
 .sa-page-content { padding:2rem 1rem !important; box-sizing:border-box; }
 .smartava-site-footer>div { grid-template-columns:1fr !important; gap:26px !important; }
}

.smartava-contact { max-width:1000px; margin:auto; }
.smartava-contact-actions,.smartava-contact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-bottom:24px; align-items:start; }
.smartava-contact-actions a { display:block; padding:24px; background:#2563eb; color:#fff !important; border-radius:14px; text-decoration:none; font-size:19px; font-weight:600; overflow-wrap:anywhere; }
.smartava-contact-actions span { display:block; font-size:15px; font-weight:400; margin-top:8px; }
.smartava-contact-card { min-width:0; padding:26px; border:1px solid var(--smartava-border,#dfe5ed); background:var(--smartava-white,#fff); border-radius:16px; font-size:15px; line-height:1.8; overflow-wrap:anywhere; }
.smartava-contact-card--wide { grid-column:1 / -1; }
.smartava-contact-card p:first-child { margin-top:0; }
.smartava-contact-card p:last-child { margin-bottom:0; }
.smartava-contact-card ul,.smartava-contact-card ol { padding-left:22px; }
.smartava-contact-card li { margin-bottom:10px; }
.smartava-api-onboarding-note { border-radius:12px; background:#eff6ff; color:#24497a; padding:16px 20px; font-size:14px; line-height:1.7; }
#api-plan { scroll-margin-top:24px; }
@media(max-width:640px) { .smartava-contact-actions,.smartava-contact-grid { grid-template-columns:1fr; gap:16px; } .smartava-contact-card { padding:22px 18px; } }

.smartava-trial-panel { margin:24px 0; padding:22px; border:1px solid #bfdbfe; border-radius:12px; background:var(--smartava-bg,#eff6ff); font-size:14px; line-height:1.7; overflow-wrap:anywhere; }
.smartava-trial-panel h3 { margin:0 0 12px; font-size:20px; }
.smartava-trial-panel button { background:#2563eb; color:#fff; border:0; border-radius:9px; padding:13px 18px; font:inherit; font-weight:600; cursor:pointer; }
.smartava-trial-panel summary { cursor:pointer; font-weight:600; }
.smartava-trial-key { word-break:break-all; }

#api-trial { scroll-margin-top:24px; }

/* Transparent full-width brand and account-aware demo navigation. */
.smartava-site-header > div { gap:28px; }
.smartava-site-brand { display:block; flex:0 0 auto; line-height:0; }
.smartava-site-header .smartava-site-logo { display:block; width:280px; height:auto; max-width:100%; filter:brightness(0) invert(1); }
.smartava-site-header .desktop-nav { flex:1; min-width:0; flex-wrap:wrap; justify-content:flex-end; gap:12px 18px !important; }
.smartava-site-header nav a { color:#fff !important; text-decoration:none; font-weight:500; white-space:nowrap; }
.smartava-site-header nav a:hover { color:#b9d8ff !important; }
.smartava-site-header .mobile-nav a { padding:8px 0; }
@media (max-width:600px) {
  .smartava-site-header { padding:14px 18px !important; }
  .smartava-site-header > div { gap:16px; }
  .smartava-site-header .smartava-site-logo { width:220px; max-width:calc(100vw - 112px); }
}