/*
Theme Name: Okansa Group Modern Editable v1.6
Theme URI: https://www.okansa.com/
Author: Okansa Group
Description: Modern Gutenberg block theme for Okansa Group, designed for a diversified investment holding company.
Version: 1.6.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: okansa-group-modern
Tags: block-patterns, full-site-editing, portfolio, business, custom-logo, featured-images
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

html { scroll-behavior: smooth; }
body { margin: 0; background: #f7fafc; }
.hero-bg {
  background: linear-gradient(90deg,rgba(5,24,48,.94) 0%,rgba(7,34,65,.78) 45%,rgba(10,52,92,.26) 100%),
  url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=2200&q=88') center/cover no-repeat;
}
.grid-overlay {
  background-image: linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size: 72px 72px;
}
.okansa-principle-image {
  background-image: url('https://www.valuez.co.in/images/header-4.jpg');
}
body.admin-bar .okansa-fixed-header { top: 32px; }
@media (max-width:782px) { body.admin-bar .okansa-fixed-header { top:46px; } }
.okansa-nav-scrolled { background: rgba(7,28,54,.94); backdrop-filter: blur(16px); box-shadow: 0 12px 32px rgba(0,0,0,.18); }
.wp-site-blocks { padding-top: 0; padding-bottom: 0; }
.wp-block-template-part { margin: 0; }

/* Interactive milestone timeline */
.milestone-track {
  scrollbar-width: none;
  scroll-behavior: smooth;
  cursor: grab;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}
.milestone-track::-webkit-scrollbar { display: none; }
.milestone-track.is-dragging { cursor: grabbing; scroll-behavior: auto; user-select: none; }
.milestone-card { width: min(82vw, 340px); min-height: 300px; }
@media (min-width: 768px) { .milestone-card { width: 360px; } }
@media (prefers-reduced-motion: reduce) {
  html, .milestone-track { scroll-behavior: auto; }
}

/* =========================================================
   Gutenberg-editable layout styles (v1.5.0)
   All homepage content uses native blocks. These classes only
   control presentation and carousel behavior.
   ========================================================= */
:root { --ok-ink:#071C36; --ok-navy:#0B2A4A; --ok-blue:#41b8e6; --ok-mist:#eef5f8; --ok-steel:#718096; }
.okansa-main { margin-top:0 !important; }
.okansa-section { padding: 96px 24px; }
.okansa-section > * { max-width:1280px; margin-left:auto; margin-right:auto; }
.okansa-section-label,.okansa-eyebrow { margin:0; color:var(--ok-blue); font-size:12px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; }
.okansa-section-title { margin-top:18px; margin-bottom:0; max-width:720px; color:inherit; font-size:clamp(2.4rem,5vw,4rem); line-height:1.02; letter-spacing:-.045em; }
.okansa-section-copy { max-width:430px; line-height:1.75; opacity:.62; }

.okansa-header { position:fixed; inset:0 0 auto 0; z-index:100; padding:0 24px; background:transparent; transition:.25s ease; color:#fff; }
body.admin-bar .okansa-header { top:32px; }
.okansa-header.is-scrolled { background:rgba(7,28,54,.95); backdrop-filter:blur(16px); box-shadow:0 12px 34px rgba(0,0,0,.16); }
.okansa-header-inner { max-width:1280px; margin:auto; min-height:84px; }
.okansa-brand { gap:12px; }
.okansa-site-title a { color:#fff; font-weight:700; letter-spacing:.14em; text-transform:uppercase; text-decoration:none; }
.okansa-nav a { color:rgba(255,255,255,.82) !important; font-size:14px; font-weight:600; }
.okansa-nav a:hover { color:#fff !important; }
.okansa-header-contact .wp-block-button__link { border:1px solid rgba(255,255,255,.28); border-radius:999px; background:rgba(255,255,255,.08); color:#fff; padding:12px 20px; }

.okansa-hero { align-items:flex-end !important; }
.okansa-hero:before { content:""; position:absolute; inset:0; z-index:1; background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size:72px 72px; pointer-events:none; }
.okansa-hero .wp-block-cover__background { background:linear-gradient(90deg,rgba(5,24,48,.96) 0%,rgba(7,34,65,.82) 48%,rgba(10,52,92,.34) 100%) !important; opacity:1 !important; }
.okansa-hero .wp-block-cover__inner-container { position:relative; z-index:2; width:100%; max-width:1280px; padding:150px 24px 48px; margin:auto; }
.okansa-hero-content { max-width:100%; }
.okansa-hero-title { max-width:950px; margin:24px 0 28px; font-size:clamp(3.2rem,8vw,7rem); line-height:.95; letter-spacing:-.055em; color:#fff; }
.okansa-hero-title span { color:rgba(255,255,255,.56); }
.okansa-hero-summary { gap:28px; border-top:1px solid rgba(255,255,255,.22); padding-top:28px; }
.okansa-hero-copy { max-width:760px; color:rgba(255,255,255,.7); font-size:clamp(1rem,2vw,1.15rem); line-height:1.75; }
.okansa-link-button .wp-block-button__link { background:var(--ok-blue); color:var(--ok-ink); border-radius:999px; font-weight:700; }
.okansa-stats { max-width:520px; margin:54px 0 0 auto; padding:24px 0 0; border-top:1px solid rgba(255,255,255,.16); }
.okansa-stats .wp-block-column { border-left:1px solid rgba(255,255,255,.14); padding-left:20px; }
.okansa-stats h3 { margin:0; color:#fff; font-size:2rem; }
.okansa-stats p { margin:.3rem 0 0; color:rgba(255,255,255,.48); font-size:11px; letter-spacing:.16em; text-transform:uppercase; }

.okansa-about { background:#fff; }
.okansa-two-col { gap:clamp(40px,7vw,90px); }
.okansa-lead { margin-top:0; color:#334155; font-size:clamp(1.5rem,3vw,2rem); line-height:1.55; letter-spacing:-.02em; }
.okansa-feature-grid { margin-top:42px; gap:20px; }
.okansa-feature-card { height:100%; border-radius:28px; padding:32px; }
.okansa-feature-card.light { background:var(--ok-mist); }
.okansa-feature-card.dark { background:var(--ok-navy); color:#fff; }
.okansa-feature-card.dark p { color:rgba(255,255,255,.68); }
.okansa-feature-card .okansa-icon { font-size:2.5rem; margin:0 0 38px; color:var(--ok-blue); }

.okansa-business { background:var(--ok-ink); color:#fff; }
.okansa-business .okansa-section-title,.okansa-business h3,.okansa-business h4 { color:#fff; }
.okansa-section-head { gap:28px; border-bottom:1px solid rgba(255,255,255,.11); padding-bottom:34px; }
.okansa-sector-list { margin-top:12px; }
.okansa-sector-row { grid-template-columns:80px minmax(220px,1fr) minmax(260px,1fr) !important; gap:24px; align-items:center; padding:28px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.okansa-sector-row h3 { margin:0; font-size:clamp(1.55rem,3vw,2.2rem); }
.okansa-sector-row p { margin:0; color:rgba(255,255,255,.5); }
.okansa-subsidiaries { margin-top:64px; }
.okansa-sub-head { margin-bottom:24px; }
.okansa-sub-head h3 { margin:.65rem 0 0; }
.okansa-carousel-buttons .wp-block-button__link,.milestone-prev .wp-block-button__link,.milestone-next .wp-block-button__link,.business-prev .wp-block-button__link,.business-next .wp-block-button__link { min-width:44px; height:44px; padding:10px 14px; border-radius:999px; background:transparent; border:1px solid currentColor; color:inherit; }
.okansa-card-track { max-width:none !important; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; scroll-behavior:smooth; gap:20px; padding:4px 2px 18px; cursor:grab; overscroll-behavior-inline:contain; -webkit-overflow-scrolling:touch; }
.okansa-card-track::-webkit-scrollbar { display:none; }
.okansa-card-track.is-dragging { cursor:grabbing; scroll-behavior:auto; user-select:none; }
.okansa-company-card { flex:0 0 min(82vw,320px); scroll-snap-align:start; border:1px solid rgba(255,255,255,.1); border-radius:26px; background:rgba(255,255,255,.055); padding:22px; }
.okansa-company-card .wp-block-image { height:110px; margin:0 0 22px; border-radius:18px; background:#fff; display:grid; place-items:center; overflow:hidden; }
.okansa-company-card .wp-block-image a { display:grid; place-items:center; width:100%; height:100%; }
.okansa-company-card .wp-block-image img { width:70px; height:70px; object-fit:contain; }
.okansa-company-card h4 { margin:.5rem 0; font-size:1.2rem; }
.okansa-company-card > p:not(.okansa-company-cat) { color:rgba(255,255,255,.5); }
.okansa-company-cat { margin:0; color:var(--ok-blue); font-size:10px; letter-spacing:.18em; text-transform:uppercase; font-weight:700; }
.okansa-company-card .wp-block-button__link { color:#fff; border-color:rgba(255,255,255,.25); }

.okansa-principles { background:#edf3f5; }
.okansa-principle-photo { border-radius:32px; overflow:hidden; }
.okansa-principle-item { padding:30px 0; border-bottom:1px solid #cbd5e1; }
.okansa-principle-item h3 { margin:.5rem 0 1rem; font-size:clamp(1.7rem,3vw,2.25rem); }
.okansa-principle-number { margin:0; color:var(--ok-blue); font-weight:700; }
.okansa-principle-item > p:last-child { color:#64748b; line-height:1.75; }

.okansa-milestones { background:#fff; }
.okansa-milestones .okansa-section-head { border-color:#e2e8f0; }
.milestone-track { margin-top:34px; }
.milestone-card { flex:0 0 min(82vw,360px); scroll-snap-align:start; min-height:300px; border:1px solid #e2e8f0; border-radius:28px; background:#fff; padding:30px; }
.okansa-milestone-label { margin:0 0 38px; color:#94a3b8; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.okansa-milestone-year { margin:0; color:var(--ok-ink); font-size:2.5rem; letter-spacing:-.04em; }
.milestone-card > p:last-child { color:#64748b; line-height:1.7; }

.okansa-footer { background:var(--ok-navy); color:#fff; padding:78px 24px 28px; }
.okansa-footer > * { max-width:1280px; margin-left:auto; margin-right:auto; }
.okansa-footer-top { gap:40px; }
.okansa-footer-heading { max-width:820px; margin:18px 0 0; color:#fff; font-size:clamp(2.4rem,6vw,4.5rem); line-height:1.02; letter-spacing:-.045em; }
.okansa-footer-button .wp-block-button__link { background:#fff; color:var(--ok-ink); border-radius:999px; font-weight:700; }
.okansa-footer-bottom { margin-top:72px; border-top:1px solid rgba(255,255,255,.1); padding-top:24px; color:rgba(255,255,255,.48); font-size:12px; }

/* Keep the editor usable and visually close to the front-end. */
.editor-styles-wrapper .okansa-header { position:relative; background:var(--ok-ink); }
.editor-styles-wrapper .okansa-card-track { overflow-x:visible; flex-wrap:wrap !important; }
.editor-styles-wrapper .okansa-company-card,.editor-styles-wrapper .milestone-card { flex-basis:300px; }
.editor-styles-wrapper .okansa-hero .wp-block-cover__inner-container { padding-top:80px; }

@media (max-width:782px) {
  body.admin-bar .okansa-header { top:46px; }
  .okansa-header { padding:0 16px; }
  .okansa-header-inner { min-height:72px; }
  .okansa-header-contact { display:none; }
  .okansa-section { padding:72px 20px; }
  .okansa-hero .wp-block-cover__inner-container { padding:120px 20px 34px; }
  .okansa-stats { margin-left:0; }
  .okansa-sector-row { grid-template-columns:48px 1fr !important; }
  .okansa-sector-row > :last-child { grid-column:2; }
}

/* =========================================================
   v1.6 — Gutenberg-safe restoration of original v1.2/v1.3 UI
   ========================================================= */

/* Native Gutenberg carousel tracks: preserve the original horizontal behavior. */
.business-track,
.milestone-track,
.okansa-card-track {
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:20px !important;
  width:100% !important;
  max-width:none !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  cursor:grab;
}
.business-track::-webkit-scrollbar,
.milestone-track::-webkit-scrollbar { display:none; }
.business-track.is-dragging,
.milestone-track.is-dragging { cursor:grabbing; scroll-behavior:auto; user-select:none; }
.business-track > .business-card,
.milestone-track > .milestone-card {
  flex-grow:0 !important;
  flex-shrink:0 !important;
  scroll-snap-align:start;
  margin-left:0 !important;
  margin-right:0 !important;
}
.milestone-track > .milestone-card { flex-basis:min(82vw,360px) !important; width:min(82vw,360px) !important; }
.business-track > .business-card { flex-basis:min(82vw,340px) !important; width:min(82vw,340px) !important; }

/* Restore the original milestone controls and progress treatment. */
.okansa-milestone-controls { flex:0 0 auto; gap:12px !important; }
.milestone-prev .wp-block-button__link,
.milestone-next .wp-block-button__link {
  box-sizing:border-box;
  display:grid !important;
  place-items:center;
  width:48px;
  min-width:48px;
  height:48px;
  padding:0 !important;
  border-radius:999px !important;
  font-size:20px;
  line-height:1;
  font-weight:500;
  text-decoration:none !important;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease;
}
.milestone-prev .wp-block-button__link { background:#fff !important; border:1px solid #e2e8f0 !important; color:#071C36 !important; }
.milestone-next .wp-block-button__link { background:#071C36 !important; border:1px solid #071C36 !important; color:#fff !important; }
.milestone-prev .wp-block-button__link:hover { background:#071C36 !important; border-color:#071C36 !important; color:#fff !important; }
.milestone-next .wp-block-button__link:hover { background:#0B2A4A !important; border-color:#0B2A4A !important; }
.milestone-prev.is-disabled .wp-block-button__link,
.milestone-next.is-disabled .wp-block-button__link { opacity:.35; pointer-events:none; }
.okansa-milestone-help { max-width:680px; margin-top:20px !important; color:#64748b !important; line-height:1.7; }
.milestone-progress-row { display:flex !important; align-items:center !important; gap:20px !important; margin-top:20px !important; }
.milestone-progress-rail { position:relative; flex:1 1 auto !important; height:1px; min-height:1px; overflow:hidden; background:#e2e8f0; }
.milestone-progress-bar { position:absolute; inset:0 auto 0 0; width:10%; height:1px; background:#41b8e6; transition:width .25s ease; }
.milestone-range { flex:0 0 auto; margin:0 !important; color:#94a3b8 !important; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.milestone-card.is-featured { background:#071C36 !important; border-color:rgba(65,184,230,.35) !important; }
.milestone-card.is-featured .okansa-milestone-label { color:rgba(255,255,255,.42) !important; }
.milestone-card.is-featured .okansa-milestone-year { color:#41b8e6 !important; }
.milestone-card.is-featured > p:last-child { color:rgba(255,255,255,.68) !important; }

/* Section colors: preserve the intended website palette against WordPress global styles. */
.okansa-hero h1:not(.has-text-color), .okansa-hero h2:not(.has-text-color), .okansa-hero h3:not(.has-text-color), .okansa-hero p:not(.has-text-color) { color:#fff; }
.okansa-hero .okansa-hero-copy:not(.has-text-color) { color:rgba(255,255,255,.70); }
.okansa-business h1:not(.has-text-color), .okansa-business h2:not(.has-text-color), .okansa-business h3:not(.has-text-color), .okansa-business h4:not(.has-text-color) { color:#fff; }
.okansa-business p:not(.has-text-color) { color:rgba(255,255,255,.52); }
.okansa-business .okansa-section-copy:not(.has-text-color) { color:rgba(255,255,255,.62); opacity:1; }
.okansa-section-label:not(.has-text-color), .okansa-eyebrow:not(.has-text-color), .okansa-principle-number:not(.has-text-color), .okansa-company-cat:not(.has-text-color) { color:#41b8e6; }
.okansa-milestones h1:not(.has-text-color), .okansa-milestones h2:not(.has-text-color), .okansa-milestones h3:not(.has-text-color), .okansa-principles h1:not(.has-text-color), .okansa-principles h2:not(.has-text-color), .okansa-principles h3:not(.has-text-color), .okansa-about h1:not(.has-text-color), .okansa-about h2:not(.has-text-color), .okansa-about h3:not(.has-text-color) { color:#071C36; }
.milestone-card:not(.is-featured) > p:last-child:not(.has-text-color), .okansa-principle-item > p:last-child:not(.has-text-color) { color:#64748b; }

/* Footer: match the original dark-blue footer exactly while remaining Gutenberg-editable. */
.okansa-footer,
footer.okansa-footer.wp-block-group {
  box-sizing:border-box;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:80px 24px 28px !important;
  background:#0B2A4A !important;
  color:#fff !important;
}
.okansa-footer > * {
  box-sizing:border-box;
  width:100%;
  max-width:1280px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.okansa-footer-top {
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:40px !important;
}
.okansa-footer-top > .wp-block-group:first-child { flex:1 1 720px; min-width:0; }
.okansa-footer .okansa-eyebrow { margin:0 !important; color:#41b8e6 !important; }
.okansa-footer .okansa-footer-heading {
  max-width:850px;
  margin:20px 0 0 !important;
  color:#fff !important;
  font-size:clamp(2.35rem,5.4vw,4.5rem);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:600;
}
.okansa-footer .okansa-footer-button .wp-block-button__link {
  display:inline-flex;
  align-items:center;
  min-height:48px;
  padding:14px 24px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#071C36 !important;
  font-size:14px;
  font-weight:700;
  text-decoration:none !important;
}
.okansa-footer-bottom {
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:space-between !important;
  gap:20px !important;
  margin-top:80px !important;
  padding-top:28px !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
  color:rgba(255,255,255,.45) !important;
  font-size:12px;
}
.okansa-footer-bottom p { margin:0 !important; color:rgba(255,255,255,.45) !important; }
.okansa-footer a { text-decoration:none; }

/* Keep editing comfortable: cards wrap in the Site Editor only. */
.editor-styles-wrapper .business-track,
.editor-styles-wrapper .milestone-track,
.editor-styles-wrapper .okansa-card-track {
  overflow:visible !important;
  flex-wrap:wrap !important;
  cursor:default;
}
.editor-styles-wrapper .business-card,
.editor-styles-wrapper .milestone-card { flex-basis:300px !important; width:300px !important; }

@media (max-width:782px) {
  .milestone-track > .milestone-card { flex-basis:82vw !important; width:82vw !important; }
  .okansa-footer, footer.okansa-footer.wp-block-group { padding:64px 20px 24px !important; }
  .okansa-footer-top { align-items:flex-start !important; }
  .okansa-footer-bottom { margin-top:56px !important; }
}

@media (prefers-reduced-motion:reduce) {
  .business-track,.milestone-track { scroll-behavior:auto; }
  .milestone-progress-bar { transition:none; }
}