/* =========================================================
   Verb – globální styly
   ========================================================= */

html, body {
    background-color: #1f2428;
    color: #dfe3e8;
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

a { color: inherit; text-decoration: none; }
a:hover { color: #fff; }

/* WordPress: kontejner core/group rozbíjí grid/flex – obejít */
.wp-block-group:where(.flex, .grid, .inline-flex, .inline-grid, .absolute,
                      [class*=":grid"], [class*=":flex"])
  > .wp-block-group__inner-container { display: contents; }
.wp-block-group:where(.flex, .grid, .inline-flex, .inline-grid, .absolute,
                      [class*=":grid"], [class*=":flex"])
  > .wp-block-group__inner-container > * { margin-block-start: 0; margin-block-end: 0; }

/* Reset wp-block-group margin */
.wp-block-group { margin: 0; }

/* Block styles – tlačítka */
.wp-block-button.is-style-verb-primary .wp-block-button__link {
    background-color: #126e70;
    color: #fff;
    border-radius: 1rem;
    padding: .75rem 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    transition: background-color .2s;
    border: none;
}
.wp-block-button.is-style-verb-primary .wp-block-button__link:hover { background-color: #0f5d5e; }
.wp-block-button.is-style-verb-outline .wp-block-button__link {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(96,124,125,.5);
    border-radius: 1rem;
    padding: .75rem 1.5rem;
}
.wp-block-button.is-style-verb-outline .wp-block-button__link:hover { border-color: #126e70; }

/* Block styles – karty */
.wp-block-group.is-style-verb-card {
    background-color: #2a2f34;
    border: 1px solid rgba(96,124,125,.2);
    border-radius: 1rem;
    padding: 1.5rem;
}
.wp-block-group.is-style-verb-section-dark {
    background-color: rgba(23,28,32,.5);
}

/* Header sticky */
.verb-header { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(8px); }

/* Image fixes pro core/image */
.wp-block-image { margin: 0; }
.wp-block-image img { max-width: 100%; height: auto; display: block; }

/* Image figure helpers (po výměně placeholderů za core/image) */
.wp-block-image.verb-hero-mock-img,
.wp-block-image.verb-kpi-image-img,
.wp-block-image.verb-circle-image-img {
    margin: 0;
}
.wp-block-image.verb-hero-mock-img img {
    width: 100%; height: auto; display: block; aspect-ratio: 4/3; object-fit: cover;
    box-shadow: 0 25px 50px -12px rgba(0,0,0,.5);
}
.wp-block-image.verb-kpi-image-img img {
    width: 100%; height: auto; display: block; aspect-ratio: 1/1; object-fit: cover;
}
.wp-block-image.verb-circle-image-img img {
    width: 100%; max-width: 448px; height: auto; display: block; aspect-ratio: 1/1; object-fit: cover;
}

/* Hero mockup placeholder (gradient + pseudo browser bar) – legacy fallback */
.verb-hero-mock {
    background: linear-gradient(135deg, rgba(18,110,112,.15), rgba(18,110,112,0));
    border-radius: 1rem;
    border: 1px solid rgba(96,124,125,.2);
    background-color: #2a2f34;
    box-shadow: 0 25px 50px -12px rgba(0,0,0,.5);
    overflow: hidden;
    aspect-ratio: 4/3;
    position: relative;
}
.verb-hero-mock::before {
    content: '';
    position: absolute; inset: 0 0 auto 0; height: 40px;
    background: rgba(0,0,0,.3);
    border-bottom: 1px solid rgba(96,124,125,.1);
}
.verb-hero-mock::after {
    content: ''; position: absolute; left: 14px; top: 12px; width: 14px; height: 14px;
    border-radius: 50%; background: #915332;
    box-shadow: 22px 0 0 0 #64748b, 44px 0 0 0 #126e70;
}

/* Avatar / image circle placeholder pro about sekci */
.verb-circle-image {
    width: 100%; max-width: 448px; aspect-ratio: 1/1;
    border-radius: 1rem; background: linear-gradient(135deg, #126e70 0%, #2a2f34 100%);
    border: 1px solid rgba(96,124,125,.2);
    position: relative; overflow: hidden;
}
.verb-circle-image::before {
    content: ''; position: absolute; inset: -10%; border-radius: 50%;
    background: radial-gradient(circle, rgba(18,110,112,.2), transparent 60%);
}

/* KPI obrázek placeholder */
.verb-kpi-image {
    width: 100%; aspect-ratio: 1/1; border-radius: .5rem;
    background: linear-gradient(135deg, #126e70, #1b2024);
    position: relative; overflow: hidden;
}
.verb-kpi-image::after {
    content: '+124%'; position: absolute; inset: 0;
    display: flex; align-items: center; justify-content: center;
    font-size: 4rem; font-weight: 700; color: rgba(255,255,255,.15);
}

/* Step image placeholder */
.verb-step-image {
    width: 100%; height: 8rem; border-radius: .25rem;
    background: linear-gradient(45deg, rgba(18,110,112,.2), rgba(18,110,112,.05));
    opacity: .4;
}

/* Pricing badge */
.verb-pricing-popular {
    position: absolute; left: 50%; top: -14px; transform: translateX(-50%);
    background: #126e70; color: #fff; font-size: .75rem; font-weight: 700;
    padding: .25rem 1rem; border-radius: 9999px;
}

/* Mobile responzivita */
@media (max-width: 1023px) {
    .verb-hide-mobile { display: none !important; }
    .verb-mobile-stack { flex-direction: column !important; align-items: stretch !important; }
    .verb-mobile-stack > * { width: 100% !important; max-width: 100% !important; margin-bottom: 1rem; }
    .verb-mobile-text-center { text-align: center !important; }
}

@media (max-width: 767px) {
    .verb-mobile-cols-1 { grid-template-columns: 1fr !important; }
    h1, .text-5xl { font-size: 2.25rem !important; line-height: 1.2 !important; }
    h2, .text-4xl { font-size: 1.875rem !important; line-height: 1.2 !important; }
}

/* Form (WPForms) styling */
.wpforms-container .wpforms-field-label { color: #dfe3e8; font-size: .875rem; }
.wpforms-container input[type=text],
.wpforms-container input[type=email],
.wpforms-container input[type=tel],
.wpforms-container textarea {
    background-color: #1b2024 !important;
    color: #dfe3e8 !important;
    border: 1px solid rgba(96,124,125,.3) !important;
    border-radius: .5rem !important;
    padding: .75rem 1rem !important;
}
.wpforms-container input[type=text]:focus,
.wpforms-container input[type=email]:focus,
.wpforms-container textarea:focus {
    border-color: #126e70 !important;
    box-shadow: 0 0 0 3px rgba(18,110,112,.2) !important;
}
.wpforms-container button[type=submit].wpforms-submit {
    background-color: #126e70 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 1rem !important;
    padding: .75rem 2rem !important;
    font-weight: 500 !important;
    cursor: pointer !important;
}
.wpforms-container button[type=submit].wpforms-submit:hover {
    background-color: #0f5d5e !important;
}

/* Helper třídy pro homepage sekce */
.verb-container { max-width: 1280px; margin: 0 auto; padding-left: 2rem; padding-right: 2rem; }
@media (max-width: 767px) { .verb-container { padding-left: 1rem; padding-right: 1rem; } }

/* WordPress core blocks adjustments */
.wp-block-buttons { gap: 1rem; }
.wp-block-columns { gap: 1.5rem; }

/* Příspěvky - blog */
.verb-blog-card {
    background: #2a2f34;
    border: 1px solid rgba(96,124,125,.2);
    border-radius: 1rem;
    padding: 1.5rem;
    transition: border-color .2s;
}
.verb-blog-card:hover { border-color: rgba(18,110,112,.5); }