/*
Theme Name: SB Global Solution
Theme URI: https://www.sbglobalsolution.com
Author: SB Global Solution
Author URI: https://www.sbglobalsolution.com
Description: Custom theme for SB Global Solution — Technology · Trade · Trust. Design CSS lives in /css (same rules as html-work); this file holds WordPress-only styles and loads last.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: sbglobal
*/

/* SVG icon sprite (template-parts/svg-sprite.php) — hidden, only its symbols are used */
.svg-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

/* WordPress's "screen reader only" text (e.g. the label of page numbers) — hidden, still read aloud */
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* SBGS Reviews plugin colours (stars, step numbers, icons / floating button) */
:root { --sbgsr-accent: var(--orange-500); --sbgsr-dark: var(--navy-900); }

/* SBGS Popups plugin in SB Global colours: orange accent (instead of gold), navy, brand fonts.
   "body .sbgsp" so these win over the plugin's own defaults whatever the load order. */
body .sbgsp {
  --sbgsp-navy: var(--navy-900);
  --sbgsp-navy-deep: var(--navy-950);
  --sbgsp-gold: var(--orange-500);
  --sbgsp-gold-dark: var(--orange-600);
  --sbgsp-gold-light: var(--orange-50);
  --sbgsp-gold-gradient: var(--orange-500);
  --sbgsp-blue: var(--blue-600);
  --sbgsp-blue-light: var(--blue-50);
  --sbgsp-text: var(--ink);
  --sbgsp-muted: var(--text);
  --sbgsp-radius: 24px;
  font-family: var(--font-body);
}
body .sbgsp__overlay { background: rgba(14, 20, 64, .74); }
body .sbgsp__box { box-shadow: var(--shadow-3); }
body .sbgsp__title { color: var(--ink); }
body .sbgsp__offer { border-color: var(--line); }
body .sbgsp__code:hover { background: #FFE3CC; }
body .sbgsp__btn--primary { background: var(--orange-500); color: #fff; box-shadow: 0 10px 22px -10px rgba(255,106,26,.75), inset 0 1px 0 rgba(255,255,255,.25); }
body .sbgsp__btn--primary:hover { background: var(--orange-600); color: #fff; }
body .sbgsp__btn--secondary { border-width: 1.5px; }

/* Keep the WordPress admin bar from hiding the sticky header */
.admin-bar .header { top: 32px; }
@media (max-width: 782px) { .admin-bar .header { top: 46px; } }
/* On phones (≤600px) WordPress lets the admin bar scroll away, so the header sticks to the very top */
@media (max-width: 600px) { .admin-bar .header { top: 0; } }

/* Write a Review page (SBGS Reviews) — the page banner shows the heading, so the form's own is hidden */
.page-write-review .sbgsr-form__head { display: none; }
.page-write-review .wp-page__content { font-size: 15px; line-height: 1.6; }

/* WordPress content area (page.php / index.php — pages and posts edited in the WordPress editor) */
.wp-page { padding: var(--sec-pad) 0; background: #fff; }
.wp-page__entry { max-width: 860px; margin: 0 auto 40px; }
.wp-page__title { margin: 0 0 10px; font-family: var(--font-head); font-size: 26px; font-weight: 800; color: var(--ink); }
.wp-page__title a:hover { color: var(--orange-600); }
.wp-page__content, .wp-page__entry p { font-size: 16.5px; line-height: 1.85; color: var(--text); }
.wp-page__content h2, .wp-page__content h3 { font-family: var(--font-head); font-weight: 800; color: var(--ink); }
.wp-page__content a { color: var(--orange-600); text-decoration: underline; }
.wp-page__content ul, .wp-page__content ol { padding-left: 22px; list-style: revert; }
.wp-page__content img { max-width: 100%; height: auto; border-radius: 16px; }
.wp-page__empty { text-align: center; font-size: 17px; color: var(--text); }