/*
Theme Name: Sabko Software
Theme URI: https://sabko.in/
Author: P+A Consultancy Services Pvt Ltd
Description: Website theme for Sabko Software™ in the brand colours (Neel, Haldi, Bahi) and fonts (Baloo 2 + Mukta). Use it together with the "Sabko Site Setup" plugin, which creates all the pages.
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.0
License: GPLv2 or later
Text Domain: sabko
*/

/* ---------- Header (brand guide: logo on blue for the website header) ---------- */
.sabko-header { background: var(--wp--preset--color--neel); color: #fff; position: sticky; top: 0; z-index: 50; }
.admin-bar .sabko-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .sabko-header { top: 0; position: relative; } }
.sabko-header__row { padding-block: 0.7rem; gap: 1rem; }
.sabko-logo { display: inline-flex; align-items: center; gap: 0.6rem; color: #fff !important; text-decoration: none !important; flex: none; }
.sabko-logo svg { width: 44px; height: 44px; flex: none; box-shadow: 0 0 0 2px rgba(255,255,255,.25); border-radius: 11px; }
.sabko-logo b { font: 800 1.9rem/0.9 var(--wp--preset--font-family--display); letter-spacing: -0.01em; display: block; }
.sabko-logo small { display: block; font: 600 0.62rem/1.2 var(--wp--preset--font-family--body); letter-spacing: 0.3em; text-transform: uppercase; opacity: .85; }
.sabko-header .wp-block-navigation { color: #fff; }
.sabko-header .wp-block-navigation a { color: #fff; text-decoration: none; }
.sabko-header .wp-block-navigation a:hover { color: var(--wp--preset--color--haldi); }
.sabko-header .wp-block-navigation .wp-block-navigation__submenu-container { background: #fff !important; color: var(--wp--preset--color--ink) !important; border: 1px solid var(--wp--preset--color--rule) !important; border-radius: 10px; padding: .4rem 0; min-width: 220px !important; }
.sabko-header .wp-block-navigation .wp-block-navigation__submenu-container a { color: var(--wp--preset--color--ink); padding: .45rem 1rem; }
.sabko-header .wp-block-navigation .wp-block-navigation__submenu-container a:hover { color: var(--wp--preset--color--neel); background: var(--wp--preset--color--paper); }
.sabko-header .wp-block-navigation-item.sabko-nav-cta > a { background: var(--wp--preset--color--haldi); color: var(--wp--preset--color--ink) !important; padding: .45rem 1rem; border-radius: 10px; font-weight: 700; }
.sabko-header .wp-block-navigation__responsive-container.is-menu-open { background: var(--wp--preset--color--neel) !important; color: #fff !important; }
.sabko-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { background: transparent !important; border: 0 !important; }
.sabko-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a { color: #fff; }
.sabko-header .wp-block-navigation__responsive-container-open, .sabko-header .wp-block-navigation__responsive-container-close { color: #fff; }

/* ---------- Main ---------- */
.sabko-main { min-height: 50vh; }
.sabko-main > .wp-block-post-content > :first-child { margin-top: 0; }
.sabko-page-title { margin-top: var(--wp--preset--spacing--50); }

/* ---------- Footer ---------- */
.sabko-footer { background: var(--wp--preset--color--ink); color: #D5DBEA; margin-top: 0; }
.sabko-footer a { color: #fff; }
.sabko-footer a:hover { color: var(--wp--preset--color--haldi); }

/* ---------- Building blocks used by the Sabko pages ---------- */
.sabko-eyebrow { font-size: .8rem !important; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--wp--preset--color--bahi); margin-bottom: -0.5rem !important; }
.sabko-hero { background: var(--wp--preset--color--neel); color: #fff; padding-block: var(--wp--preset--spacing--60) !important; }
.sabko-hero h1, .sabko-hero h2, .sabko-hero h3 { color: #fff; }
.sabko-hero .sabko-eyebrow { color: var(--wp--preset--color--haldi); }
.sabko-hero a:not(.wp-block-button__link) { color: #fff; }
.sabko-hero .sabko-lead { font-size: var(--wp--preset--font-size--large); opacity: .92; }
.sabko-hero .sabko-hindi { font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: 1.15rem; opacity: .9; }
.sabko-hero .wp-block-button:not(.is-style-outline) .wp-block-button__link { background: var(--wp--preset--color--haldi); color: var(--wp--preset--color--ink); }
.sabko-hero .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { background: #fff; }
.sabko-hero .wp-block-button.is-style-outline .wp-block-button__link { color: #fff; border-color: rgba(255,255,255,.7); background: transparent; }
.sabko-hero .wp-block-button.is-style-outline .wp-block-button__link:hover { background: rgba(255,255,255,.12); }
.wp-block-button.is-style-outline .wp-block-button__link { border: 2px solid currentColor; padding: calc(.7rem - 2px) calc(1.4rem - 2px); }
.sabko-section { padding-block: var(--wp--preset--spacing--60) !important; }
.sabko-section--white { background: #fff; border-block: 1px solid var(--wp--preset--color--rule); }
.sabko-section--haldi { background: var(--wp--preset--color--haldi-light); }
.sabko-section--ink { background: var(--wp--preset--color--ink); color: #fff; }
.sabko-section--ink h2, .sabko-section--ink h3 { color: #fff; }
.sabko-section--ink .wp-block-button__link { background: var(--wp--preset--color--haldi); color: var(--wp--preset--color--ink); }
.sabko-card { background: #fff; border: 1px solid var(--wp--preset--color--rule); border-left: 5px solid var(--wp--preset--color--bahi); border-radius: 4px 12px 12px 4px; padding: 1.4rem 1.4rem 1.5rem !important; height: 100%; }
.sabko-card h3 { margin-top: 0; }
.sabko-card--neel { border-left-color: var(--wp--preset--color--neel); }
.sabko-card--haldi { border-left-color: var(--wp--preset--color--haldi); }
.sabko-section--white .sabko-card { background: var(--wp--preset--color--paper); }
.sabko-problem li::marker { color: var(--wp--preset--color--bahi); }
.sabko-ticks { list-style: none; padding-left: 0 !important; }
.sabko-ticks li { position: relative; padding-left: 1.8rem; margin-bottom: .45rem; }
.sabko-ticks li::before { content: ""; position: absolute; left: 0; top: .35em; width: 1.05rem; height: 1.05rem; border-radius: 50%; background: var(--wp--preset--color--neel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat; }
.sabko-step-no { font: 800 2.4rem/1 var(--wp--preset--font-family--display) !important; color: var(--wp--preset--color--haldi); margin-bottom: -0.6rem !important; }
.sabko-muted { color: var(--wp--preset--color--muted); }
.sabko-small { font-size: .9rem; }
.wp-block-columns.sabko-grid { gap: 1.25rem; }
.sabko-legal h2 { font-size: 1.35rem; margin-top: 2rem; }
.sabko-legal { padding-bottom: var(--wp--preset--spacing--60); }
@media (max-width: 781px) { .sabko-hero { padding-block: var(--wp--preset--spacing--50) !important; } }