/*
Theme Name: Garanuk
Theme URI: https://garanuk.com
Author: Garanuk
Author URI: https://garanuk.com
Description: Custom WordPress theme for Garanuk, an IT solutions company. Converted from a static Tailwind CSS HTML site into a full WordPress theme with a working nav menu, customizer options, and a native contact form (no plugin required).
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: garanuk
Tags: custom-menu, custom-logo, threaded-comments, translation-ready
*/

/* ==========================================================================
   Everything below this line is the original site's design CSS,
   unchanged, plus the small additions needed to make the WordPress
   admin bar and default core UI elements sit nicely on top of the design.
   ========================================================================== */

:root{
  --navy:#0A1830;
  --navy-2:#0F2340;
  --navy-3:#152B4D;
  --green:#1FBF5C;
  --green-dark:#17A34A;
  --green-light:#E8F7EE;
  --teal:#14B8A6;
  --blue:#3B82F6;
  --gold:#F5A623;
  --bg:#080E1A;
  --gray-bg:#0E1626;
  --text-dark:#EDF1F7;
  --text-gray:#94A0B4;
  --border:rgba(255,255,255,.1);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;color:var(--text-dark);background:var(--bg);}
.font-display{font-family:'Poppins',sans-serif;}

::selection{background:var(--green);color:#fff;}

/* ---- reveal on scroll ---- */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1);}
.reveal.in{opacity:1;transform:translateY(0);}

/* ---- floating badges ---- */
.float-badge{animation:floaty 4.5s ease-in-out infinite;}
.float-badge.d1{animation-delay:.4s;}
.float-badge.d2{animation-delay:.9s;}
.float-badge.d3{animation-delay:1.4s;}
@keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}

/* ---- hero radial glow ---- */
.hero-glow{
  background:
    radial-gradient(circle at 82% 18%, rgba(23,163,74,0.35), transparent 45%),
    radial-gradient(circle at 10% 85%, rgba(20,184,166,0.22), transparent 40%),
    linear-gradient(180deg,#0A1830 0%,#081222 100%);
}
.dot-grid{background-image:radial-gradient(rgba(255,255,255,0.12) 1px,transparent 1px);background-size:20px 20px;}
.dot-grid-dark{background-image:radial-gradient(rgba(10,24,48,0.12) 1px,transparent 1px);background-size:20px 20px;}

/* ---- nav underline ---- */
.nav-link{position:relative;color:rgba(255,255,255,.75);font-weight:500;font-size:.925rem;}
.nav-link::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--green);transition:width .25s ease;}
.nav-link:hover::after,.nav-link.active::after{width:100%;}
.nav-link.active{color:var(--green);}

/* ---- buttons ---- */
.btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem;padding:.85rem 1.7rem;border-radius:999px;transition:all .25s ease;white-space:nowrap;}
.btn-primary{background:var(--green);color:#fff;}
.btn-primary:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 12px 24px -8px rgba(23,163,74,.5);}
.btn-outline{border:1.5px solid rgba(255,255,255,.35);color:#fff;}
.btn-outline:hover{background:rgba(255,255,255,.1);border-color:#fff;}
.btn-outline-dark{border:1.5px solid var(--border);color:var(--text-dark);}
.btn-outline-dark:hover{border-color:var(--green);color:var(--green);}

/* ---- cards ---- */
.card-hover{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease;}
.card-hover:hover{transform:translateY(-8px);box-shadow:0 28px 50px -24px rgba(0,0,0,.55);border-color:var(--green);}

/* ---- eyebrow ---- */
.eyebrow{color:var(--green);font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;}

/* ---- section alt bg ---- */
.section-alt{background:var(--gray-bg);}

/* ---- process line ---- */
.process-line{background:linear-gradient(to right,transparent,var(--green) 10%,var(--green) 90%,transparent);height:2px;}

/* ---- marquee ---- */
.marquee-track{animation:marquee 30s linear infinite;}
.marquee-track:hover{animation-play-state:paused;}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ---- scrollbar hide ---- */
.no-scrollbar::-webkit-scrollbar{display:none;}
.no-scrollbar{scrollbar-width:none;}

/* ---- page transition fade-in ---- */
body{animation:pageIn .5s ease;}
@keyframes pageIn{from{opacity:0;}to{opacity:1;}}

/* ---- mobile menu ---- */
#mobileMenu{max-height:0;overflow:hidden;transition:max-height .35s ease;}
#mobileMenu.open{max-height:640px;}

/* ---- device mock ---- */
.laptop-screen{background:linear-gradient(160deg,#0F2340,#152B4D);}

/* ---- star rating ---- */
.stars svg{fill:var(--gold);}

@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important;transition:none!important;}
  .float-badge,.marquee-track{animation:none!important;}
}

/* ---- WordPress core / admin-bar compatibility ---- */
.admin-bar #siteNav{ top: 32px; }
@media screen and (max-width: 782px){
  .admin-bar #siteNav{ top: 46px; }
}
img{ max-width: 100%; height: auto; }
.screen-reader-text{ position:absolute!important; clip:rect(1px,1px,1px,1px); width:1px; height:1px; overflow:hidden; }

/* ---- WYSIWYG content fallback (page.php / single.php default content) ---- */
.entry-content a{ color: var(--green); text-decoration: underline; }
.entry-content ul{ list-style: disc; padding-left: 1.25rem; }
.entry-content ol{ list-style: decimal; padding-left: 1.25rem; }