/* ════════════════════════════════════════════════════════════
   OBELISK INFOTECH — GLOBAL LANDING PAGES STYLESHEET (single)
   One file, all landing pages. WPCode: site-wide, PRIORITY 10.
   PAGE THEMES stays in its own snippet, PRIORITY 11 (or higher),
   so it always loads after this file.

   TABLE OF CONTENTS
   ─ FOUNDATION · :root tokens + obltech-lp system + shared
                  components (serving Pages 1-2)
   ─ FOUNDATION · UNIVERSAL PAGE LAYER (box-sizing + global font
                  for every obltech-theme-* page; icon-safe)
   ─ PAGE 1  · Homepage ................. obltech-home-*
     (V2 redesign in test: obltech-oh-* at /dummy-page/)
   ─ PAGE 2  · Best SEO Company India ... obltech-in-*
   ─ PAGE 3  · White Label SEO .......... EXTRACTED → white-label-seo-services.css (v13)
   ─ PAGE 4  · SEO Reseller Services .... EXTRACTED → seo-reseller-services.css (v13)
   ─ PAGE 5  · SEO for Car Detailing .... obltech-cd-*
   ─ PAGE 6  · SEO for Event Planners ... obltech-ep-*
   ─ PAGE 7  · Guest Posting Services ... obltech-gp-*
   ─ PAGE 8  · SEO for Handyman ......... obltech-hm-*
   ─ PAGE 9  · SEO Agency New York ...... obltech-ny-*
   ─ PAGE 10 · SEO Company Los Angeles .. obltech-la-*
   ─ PAGE 11 · Miami SEO Company ........ obltech-mia-*
   ─ PAGE 12 · Chicago SEO Company ...... obltech-chi-*
   ─ PAGE 13 · SEO Company Texas ........ obltech-tx-*
   ─ PAGE 14 · Houston SEO Company ...... obltech-hou-*
   ─ PAGE 15 · Programmatic SEO ......... obltech-ps-*
   ─ PAGE 16 · SEO for Yoga Studios ..... obltech-yg-*
   ─ PAGE 17 · SEO Company Hong Kong .... obltech-hk-*
   ─ PAGE 18 · Personal Injury Lawyer ... obltech-pi-*
   ─ PAGE 19 · SEO Company China ........ obltech-cn-*
   ─ PAGE 20 · SEO Company Vietnam ...... obltech-vn-*
   ─ PAGE 21 · Trucking SEO Company ..... obltech-tr-*
   ─ PAGE 22 · SEO Company Melbourne .... obltech-mb-*
   ─ PAGE 23 · Technical SEO Services ... obltech-ts-*
   ─ PAGE 24 · Video Editing Services ... obltech-ve-*
   ─ PAGE 25 · Local Citation Audit ..... obltech-lca-*
   ─ PAGE 26 · SEO Services in Mumbai ... obltech-mu-*
   ─ PAGE 27 · SEO Company in Delhi ..... obltech-dl-*
   ─ PAGE 28 · SEO Agency Bangalore ..... obltech-bg-*
   ─ PAGE 29 · SEO Company Pune ......... obltech-pn-*
   ─ PAGE 30 · SEO Company in Jaipur .... obltech-jp-*
   ─ PAGE 31 · SEO Services Hyderabad ... obltech-hy-*
   ─ PAGE 32 · SEO Company in Chennai ... obltech-ch-*
   ─ PAGE 33 · SEO Company in Surat ..... obltech-sur-*
   ─ PAGE 34 · SEO Company in Kochi ..... obltech-ko-*
     (slug: seo-company-in-kochi — note the "in")
   ─ PAGE 35 · SEO Agency in Kolkata ... obltech-kl-*
     (slug: seo-agency-in-kolkata — note the "in")
   ─ PAGE 36 · SEO Company Ahmedabad ... obltech-ah-*
     (slug: seo-company-in-ahmedabad — note the "in")

   NUMBERING: this TOC is the AUTHORITATIVE page registry
   (re-sequenced Jul 2026 per client). Banner numbers inside
   individual css files/master blocks reflect historical build
   order and may differ — the mapping lives here.

   NOTE: since the Jul-2026 file split, pages 3+ are SERVED
   from per-page files css/<slug>.css — this TOC is the
   system-wide page registry, not this file's contents.
   This file contains: FOUNDATION + Pages 1-2 + Icon Restore.
   ─ ICON FONT RESTORE — must remain the last rules in the file

   RULES OF THE ROAD
   1. New page = new obltech-xx- prefix + obltech-theme-xxxx
      marker on every section root + a PAGE banner appended
      BEFORE the Icon Font Restore block. No page ships its own
      reset, font, or heading-baseline CSS.
   2. Page accent colors register in OBLTECH PAGE THEMES.
   3. Never edit inside another page's banner block.
   ════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════════
   OBLTECH GLOBAL LANDING PAGE STYLES — Obelisk Infotech
   One file, all landing pages. Load site-wide (WPCode, prio 10).
   Colors that vary per page live in OBLTECH PAGE THEMES (prio 11).
   Fonts: single source = :root --obltech-font-body (below).

   PAGE INDEX
   The authoritative TABLE OF CONTENTS (all 15 pages + reserved
   set + Icon Font Restore) lives at the very top of this file.
   It is maintained in ONE place only — update it there when a
   page is added, never here.

   RULES OF THE ROAD
   1. New page = new short prefix (obltech-xx-) + theme marker
      obltech-theme-xxxx on every section root + one banner
      like the ones below. No page ships its own reset, font,
      or heading CSS — the UNIVERSAL PAGE LAYER covers those.
   2. Page accent colors go in OBLTECH PAGE THEMES as
      --obltech-accent / --obltech-heading variables.
   3. Never edit inside another page's banner block.
   ════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════════
   █ FOUNDATION · TOKENS + OBLTECH-LP SYSTEM + SHARED COMPONENTS
   █ Serves PAGE 1 · White Label SEO and PAGE 2 · SEO Reseller
   █ (page 2 = same markup, teal variable overrides in themes.css)
   ════════════════════════════════════════════════════════════ */
/* ============================================================
   OBLTECH GLOBAL LANDING PAGE STYLES
   One stylesheet for ALL landing pages.
   - Structure/typography: fixed here, identical on every page
   - Colors: CSS variables — override per page in the
     "OBLTECH PAGE THEMES" snippet (body.page-id-XXXX { ... })
   Load: WPCode > CSS > Site Wide Header > Priority 10
   ============================================================ */

/* ------------------------------------------------------------
   1. DESIGN TOKENS  (defaults = White Label SEO page palette)
   ------------------------------------------------------------ */
:root {
  /* Brand / accent colors (page-overridable) */
  --obltech-purple:        #7F77DD;
  --obltech-purple-light:  #EEEDFE;
  --obltech-purple-mid:    #CECBF6;
  --obltech-purple-dark:   #534AB7;
  --obltech-brand:         #7c3aed;   /* hero purple */
  --obltech-brand-dark:    #6d28d9;
  --obltech-brand-soft:    #ede9fe;
  --obltech-brand-border:  #c4b5fd;
  --obltech-navy:          #26215C;
  --obltech-teal:          #1296B5;
  --obltech-teal-dark:     #0d7a94;
  --obltech-orange:        #E26713;
  --obltech-orange-hv:     #c75b10;

  /* Text colors (page-overridable) */
  --obltech-text:          #32373B;
  --obltech-muted:         #555f6e;
  --obltech-heading-dark:  #233049;
  --obltech-hero-heading:  #1e1040;
  --obltech-hero-muted:    #9d8fba;

  /* Section backgrounds (page-overridable) */
  --obltech-bg-light:      #F5F0FF;
  --obltech-bg-hero:       #f5f0ff;
  --obltech-bg-dark:       #26215C;
  --obltech-bg-dark-inner: #312B6B;
  --obltech-bg-trust:      #7C3AED;
  --obltech-cta-grad-a:    #233049;
  --obltech-cta-grad-b:    #1c2a40;
  --obltech-services-bg:   #ffffff;
  --obltech-trust-pill-color: #ffffff;
  --obltech-open-shadow:   0 4px 16px rgba(127,119,221,.13);
  --obltech-calc-row-bg:   #f6f6f6;
  --obltech-testi-bg:      #ffffff;
  --obltech-testi-card-bg: #f6f6f6;

  /* Borders & shadows */
  --obltech-border:        #AFA9EC;
  --obltech-border-soft:   #e0e5eb;
  --obltech-shadow-md:     0 6px 24px rgba(83,74,183,0.10);

  /* Typography — FIXED globally (do not override per page) */
  --obltech-font-head:     "Montserrat", sans-serif;
  --obltech-font-body:     "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Shape */
  --obltech-radius-btn:    10px;
  --obltech-radius-card:   14px;
}

/* ------------------------------------------------------------
   2. PAGES 3-4 STYLES — MOVED OUT (v13)
   The full obltech-lp system (scoped reset, hero/hero2, all
   section components for White Label SEO + SEO Reseller) now
   lives in its own slug-named per-page files, same convention
   as the other 34 pages:
     css/white-label-seo-services.css
     css/seo-reseller-services.css
   Loaded automatically by the per-page loader on those slugs.
   The :root tokens above remain here (sitewide dependency).
   ------------------------------------------------------------ */

/* ------------------------------------------------------------
   UNIVERSAL PAGE LAYER — box-sizing + font enforcement for ALL
   theme-marked pages (all 36) + NY testimonial scope. Sitewide:
   restored here after the lp extraction briefly relocated it.
   ------------------------------------------------------------ */
/* box-sizing for everything (incl. the NY testi id-scope merged here). The
   FONT override deliberately excludes icon elements (<i>, .fa-*, svg) and
   does not target ::before/::after directly: glyph icon fonts render via
   pseudo-elements and die when a body font is forced onto them. Normal
   pseudo text still inherits the body font from its parent element.

   NOTE (2026-07-14): the earlier typography baseline (h1-h6 color/sizes/
   margins, root color/line-height, p margin) was REMOVED after it overrode
   inherited white heading colors on dark hero sections across live pages.
   Headings/paragraphs are fully owned by each page set. A future-pages
   baseline may return as an opt-in class, never applied to existing pages. */
[class*="obltech-theme-"] *,[class*="obltech-theme-"] *::before,[class*="obltech-theme-"] *::after,
#obltech-ny-testi,#obltech-ny-testi *,#obltech-ny-testi *::before,#obltech-ny-testi *::after{box-sizing:border-box !important}
[class*="obltech-theme-"] *:not(i):not([class*="fa-"]):not(svg):not(path):not(circle):not(rect),
#obltech-ny-testi,#obltech-ny-testi *:not(i):not([class*="fa-"]):not(svg):not(path){font-family:var(--obltech-font-body) !important}

/* ════════════════════════════════════════════════════════════
   █ GLOBAL LAYOUT CONSISTENCY — hero spacing + content width
   █ Managed entirely from this file per project requirement:
   █ no per-page CSS is touched for spacing/width going forward.
   █
   █ Uses a CSS Cascade Layer (@layer) — NOT just !important.
   █ Several pages already carry !important on their own width/
   █ padding declarations from earlier fixes (Delhi, Jaipur,
   █ Pune, Hyderabad, Houston, Chicago, Miami, Texas). A plain
   █ !important rule here would still LOSE to those per normal
   █ specificity rules. Cascade layers are the one mechanism
   █ that reliably wins regardless: a layered !important rule
   █ always beats an unlayered !important rule, by spec, with
   █ no exceptions — which is what makes "control everything
   █ from one file, touch nothing else" actually possible here.
   █
   █ ⚠ NET SPACING EFFECT: margin-top:-80px + padding-top:60px
   █ nets to -20px vs. baseline — hero content sits 20px higher
   █ than an unmodified section would. If your sticky header is
   █ opaque, this can tuck part of the hero behind it. Test on
   █ one page before trusting this across all 36.
   █
   █ ⚠ WIDTH COVERAGE GAP: the 9 "system rebuild" pages (Surat,
   █ Kochi, Kolkata, Ahmedabad, Jaipur, Pune, Delhi, Hyderabad,
   █ Local Citation Audit) don't use one shared container class
   █ — each section redeclares its own width independently. They
   █ are NOT covered by the width rule below. Their width is
   █ currently fixed at 1280px from the prior session's per-page
   █ edits. Send their exact per-section class names, or confirm
   █ I can touch those 9 files specifically as an exception, to
   █ close this gap.
   ════════════════════════════════════════════════════════════ */
@layer obltech-layout-global {

  /* Desktop/laptop only (per requirement: consistent scale on
     laptops and desktops). Below 1025px each page's own
     responsive CSS takes over — the layered !important was
     overriding every page's mobile media queries and breaking
     the mobile layouts. */
  @media (min-width: 1025px) {
  
  
    /* ── First section spacing — SINGLE CLASS (final state) ──
       Every page's first section carries obltech-hero-container.
       Legacy per-page selectors removed after 36/36 migration. */
    .obltech-hero-container {
      margin-top: -80px !important;
      padding-top: 150px !important;
    }

  /* ── Content width — SINGLE CLASS (final state) ──
     Every section's inner container carries
     obltech-primary-container. Heroes stay full-bleed (100%);
     this class goes on the INNER wrapper of each section —
     including the hero's inner wrapper. Legacy per-page
     container lists removed after 36/36 migration. */
  .obltech-primary-container {
      width: 95% !important;
      max-width: 100% !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
  }

  /* Mobile/tablet: normalized simple spacing for all first
     sections — uniform, no negative-margin overlap trick. */
  @media (max-width: 1024px) {
  
  
    /* ── First section (mobile) — SINGLE CLASS (final state) ── */
    .obltech-hero-container {
      margin-top: 0 !important;
      padding-top: 40px !important;
    }
  }
}
/* ════════════════════════════════════════════════════════════
   █ ICON FONT RESTORE — MUST REMAIN THE LAST RULES IN THIS FILE
   █ Per-page resets in this file force the body font with
   █ !important onto all elements (needed to beat WP theme
   █ styles) — which also kills glyph icon fonts (FontAwesome).
   █ These rules re-assert the icon families AFTER everything
   █ else; the html prefix lifts specificity above the resets.
   █ Inline <svg> icons (pages 6-9) are unaffected either way.
   ════════════════════════════════════════════════════════════ */
html i[class*="fa"],html [class*="fa-"],html i[class*="fa"]::before,html [class*="fa-"]::before,html i[class*="fa"]::after,html [class*="fa-"]::after{font-family:"Font Awesome 7 Free","Font Awesome 6 Free","Font Awesome 6 Pro","Font Awesome 5 Free",FontAwesome !important; font-size: 24px; font-weight:900 !important;font-style:normal !important}
html .fa-regular,html .far,html .fa-regular::before,html .far::before{font-weight:400 !important}
html .fa-brands,html .fab,html .fa-brands::before,html .fab::before{font-family:"Font Awesome 7 Brands","Font Awesome 6 Brands","Font Awesome 5 Brands" !important;font-weight:400 !important}
html .fa-light,html .fal,html .fa-light::before,html .fal::before{font-weight:300 !important}