/*
Theme Name: SG Create
Theme URI: https://sgcreate.eu
Author: Свилен Георгиев
Description: Лека блокова тема за sgcreate.eu – без page builder, без jQuery.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
License: Proprietary
Text Domain: sgcreate
*/

/* Header */
.sg-header { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--wp--preset--color--line); }
.admin-bar .sg-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .sg-header { top: 46px; } }
.sg-logo svg, .sg-logo img { display: block; height: 40px; width: auto; }
.sg-header .wp-block-navigation__submenu-container { border-radius: 10px; border: 1px solid var(--wp--preset--color--line) !important; padding: .4rem 0; min-width: 240px !important; }
.sg-header .wp-block-navigation .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--teal-dark); }

/* Buttons */
.is-style-outline > .wp-block-button__link, .wp-block-button__link.is-style-outline { background: transparent; color: var(--wp--preset--color--navy); border: 2px solid var(--wp--preset--color--navy); }
.is-style-outline > .wp-block-button__link:hover { background: var(--wp--preset--color--navy); color: #fff; }

/* Hero */
.sg-hero { background: var(--wp--preset--color--navy); color: #fff; }
.sg-hero h1, .sg-hero h2 { color: #fff; }
.sg-hero p { color: #CBD5E1; }
.sg-hero .is-style-outline > .wp-block-button__link { color: #fff; border-color: rgba(255,255,255,.6); }
.sg-hero .is-style-outline > .wp-block-button__link:hover { background: #fff; color: var(--wp--preset--color--navy); }
.sg-trust { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--mint) !important; font-weight: 600; }

/* Cards */
.sg-cards { gap: 1.25rem; }
.sg-card { background: #fff; border: 1px solid var(--wp--preset--color--line); border-radius: 14px; padding: 1.5rem; height: 100%; transition: border-color .15s, transform .15s; }
.sg-card:hover { border-color: var(--wp--preset--color--teal); transform: translateY(-2px); }
.sg-card h3 { margin-top: 0; }
.sg-card h3 a { color: inherit; text-decoration: none; }
.sg-card h3 a::after { content: " →"; color: var(--wp--preset--color--teal); }
.sg-card p { color: var(--wp--preset--color--muted); margin-bottom: 0; }
.sg-steps { counter-reset: step; list-style: none; padding-left: 0; }
.sg-steps li { counter-increment: step; position: relative; padding-left: 3rem; margin-bottom: 1rem; }
.sg-steps li::before { content: counter(step); position: absolute; left: 0; top: 0; width: 2rem; height: 2rem; border-radius: 50%; background: var(--wp--preset--color--teal); color: #fff; font-weight: 700; display: grid; place-items: center; font-size: .95rem; }
.sg-eyebrow { text-transform: uppercase; letter-spacing: .08em; font-size: .8rem !important; font-weight: 700; color: var(--wp--preset--color--teal-dark) !important; margin-bottom: .25rem !important; }

/* Tables */
.wp-block-table table { border-collapse: collapse; width: 100%; background: #fff; }
.wp-block-table th, .wp-block-table td { border: 1px solid var(--wp--preset--color--line); padding: .7rem .9rem; text-align: left; vertical-align: top; }
.wp-block-table thead th { background: var(--wp--preset--color--navy); color: #fff; border-color: var(--wp--preset--color--navy); }
.wp-block-table tbody tr:nth-child(even) td { background: #F8FAFC; }
.sg-pricing td:not(:first-child), .sg-pricing th:not(:first-child) { text-align: center; }
.wp-block-table { overflow-x: auto; }

/* FAQ */
.wp-block-details { border: 1px solid var(--wp--preset--color--line); border-radius: 10px; padding: .9rem 1.1rem; background: #fff; }
.wp-block-details summary { font-weight: 700; color: var(--wp--preset--color--navy); cursor: pointer; }
.wp-block-details[open] summary { margin-bottom: .5rem; }

/* Notice for unconfirmed facts (visible only on test) */
.sg-todo { background: #FEF3C7; border-left: 4px solid #F59E0B; padding: .6rem .9rem; font-size: .9rem; color: #78350F; }

/* Forms */
.sg-form { display: grid; gap: .9rem; background: #fff; border: 1px solid var(--wp--preset--color--line); border-radius: 14px; padding: 1.5rem; }
.sg-form label { font-weight: 600; font-size: .95rem; color: var(--wp--preset--color--navy); display: block; margin-bottom: .3rem; }
.sg-form input[type=text], .sg-form input[type=email], .sg-form input[type=tel], .sg-form input[type=url], .sg-form textarea { width: 100%; box-sizing: border-box; font: inherit; padding: .7rem .8rem; border: 1px solid #CBD5E1; border-radius: 8px; background: #fff; color: var(--wp--preset--color--ink); }
.sg-form input:focus, .sg-form textarea:focus { outline: 2px solid var(--wp--preset--color--teal); outline-offset: 1px; border-color: var(--wp--preset--color--teal); }
.sg-form .sg-consent { display: flex; gap: .5rem; align-items: flex-start; font-size: .9rem; }
.sg-form .sg-consent label { font-weight: 400; color: var(--wp--preset--color--muted); margin: 0; }
.sg-form button { font: inherit; font-weight: 700; background: var(--wp--preset--color--teal); color: #fff; border: 0; border-radius: 10px; padding: .85rem 1.4rem; cursor: pointer; justify-self: start; }
.sg-form button:hover { background: var(--wp--preset--color--teal-dark); }
.sg-hp { position: absolute !important; left: -9999px !important; }
.sg-msg { padding: .8rem 1rem; border-radius: 8px; font-weight: 600; }
.sg-msg.ok { background: #CCFBF1; color: #134E4A; }
.sg-msg.err { background: #FEE2E2; color: #7F1D1D; }

/* Footer */
.sg-footer { background: var(--wp--preset--color--navy); color: #CBD5E1; }
.sg-footer a { color: #fff; text-decoration: none; }
.sg-footer a:hover { color: var(--wp--preset--color--mint); }
.sg-footer h2, .sg-footer h3 { color: #fff; }

/* Blog */
.wp-block-post-template.is-layout-grid > li { background: #fff; border: 1px solid var(--wp--preset--color--line); border-radius: 14px; padding: 1.25rem; }

/* Mobile fixes */
.sg-header .wp-block-button__link { white-space: nowrap; }
@media (max-width: 420px) { .sg-logo svg { height: 32px; } .sg-header .wp-block-button__link { padding: .5rem .75rem !important; font-size: .85rem !important; } }
.sg-pricing table { min-width: 600px; }
.sg-pricing td:first-child { min-width: 190px; }
/* Card grids: as many columns as fit, one column on phones */
.wp-block-group.sg-cards.is-layout-grid { grid-template-columns: repeat(auto-fill, minmax(min(19rem, 100%), 1fr)) !important; }

/* Images */
.sg-icon { margin: 0 0 .9rem !important; }
.sg-icon img { width: 48px; height: 48px; display: block; }
.sg-hero-art img { width: 100%; height: auto; display: block; }
.sg-shot { margin: 0; border-radius: 12px; overflow: hidden; border: 1px solid var(--wp--preset--color--line); box-shadow: 0 18px 40px -18px rgba(15,42,68,.35); background: #fff; }
.sg-shot::before { content: ""; display: block; height: 26px; background: #E2E8F0 radial-gradient(circle at 14px 13px, #F87171 4px, transparent 5px), #E2E8F0; background-image: radial-gradient(circle at 14px 13px, #F87171 4px, transparent 5px), radial-gradient(circle at 28px 13px, #FBBF24 4px, transparent 5px), radial-gradient(circle at 42px 13px, #34D399 4px, transparent 5px); }
.sg-shot img { width: 100%; height: auto; display: block; }
@media (max-width: 781px) { .sg-hero-art { max-width: 420px; margin: 1rem auto 0 !important; } }

/* Standard (not Bulgarian-localised) Cyrillic letterforms */
html:lang(bg) body, html:lang(bg-BG) body { font-feature-settings: "locl" 0; }