/*
Theme Name: RePharma Redirect — capsula.ge
Theme URI: https://repharma.ge/
Author: RePharma LLC
Author URI: https://repharma.ge/
Description: მსუბუქი ერთგვერდიანი WordPress თემა დომენის მიგრაციისთვის. capsula.ge-ს ვიზიტორს აჩვენებს RePharma.ge-ს ბრენდულ სარეკლამო გვერდს, ტაიმერით ავტომატურ გადასვლას, ქართულ/ინგლისურ ენებს, UTM ტრეკინგს და deep-URL 301 რედირექტებს. დამოკიდებულება არ აქვს — jQuery-ს და Gutenberg-ის სტილებს არ იყენებს.
Version: 1.0.0
Requires at least: 5.9
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: repharma-redirect
Tags: one-page, landing-page, redirect, lightweight
*/

/* ---------------------------------------------------------
   1. Tokens — RePharma brand
   --------------------------------------------------------- */
:root{
  --bg:#f6f9ff;
  --dot:#dde5f2;
  --surface:#ffffff;
  --ink:#0f1f3d;
  --ink-2:#51607a;
  --ink-3:#8491a8;
  --line:#e3eaf6;
  --brand:#1f6fe5;
  --brand-dark:#1558bd;
  --brand-soft:#e3edfd;
  --red:#e42121;
  --red-dark:#c31616;
  --shadow:0 1px 2px rgba(15,31,61,.04), 0 8px 24px rgba(15,31,61,.06);
  --shadow-lg:0 12px 34px rgba(31,111,229,.22);
  --r:16px;
  --sans:"Noto Sans Georgian", system-ui, -apple-system, "Segoe UI", "Sylfaen", Roboto, sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--sans);
  font-size:16px;
  line-height:1.55;
  color:var(--ink);
  background:var(--bg);
  background-image:radial-gradient(var(--dot) 1px, transparent 1px);
  background-size:22px 22px;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand);text-decoration:none}
:focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:6px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* ---------------------------------------------------------
   2. Layout
   --------------------------------------------------------- */
.rx-page{position:relative;min-height:100dvh;display:flex;flex-direction:column;isolation:isolate}
.rx-wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}

/* decorative brand circle — bottom left */
.rx-orb{
  --orb:clamp(300px,46vmin,520px);
  position:fixed;
  width:var(--orb);height:var(--orb);
  /* წრე ყოველთვის კონტენტის სვეტის მარცხნივ რჩება */
  left:min(calc(var(--orb) * -.59), calc(50vw - 552px - var(--orb)));
  bottom:calc(var(--orb) * -.15);
  border-radius:50%;
  background:var(--brand);
  z-index:-1;
  pointer-events:none;
}
.rx-orb::before,.rx-orb::after{
  content:"";position:absolute;border-radius:50%;border:1.5px solid rgba(255,255,255,.45);
}
.rx-orb::before{inset:11%}
.rx-orb::after{inset:21%;border-color:rgba(255,255,255,.25)}
.rx-orb span{
  position:absolute;left:64%;top:50%;
  transform:translateY(-50%);
  width:31%;
  color:#fff;font-weight:700;
  font-size:clamp(10px,1.25vmin,12px);line-height:1.3;
  text-align:center;text-wrap:balance;
}

/* ---------------------------------------------------------
   3. Top bar
   --------------------------------------------------------- */
.rx-top{padding:22px 0 0}
.rx-top .rx-wrap{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.rx-lang{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:3px;box-shadow:var(--shadow)}
.rx-lang button{
  font:inherit;font-size:13px;font-weight:700;letter-spacing:.02em;
  border:0;background:transparent;color:var(--ink-2);
  padding:5px 14px;border-radius:999px;cursor:pointer;
}
.rx-lang button[aria-pressed="true"]{background:var(--brand);color:#fff}

/* ---------------------------------------------------------
   4. Hero
   --------------------------------------------------------- */
.rx-main{flex:1;display:flex;align-items:center;padding:26px 0 44px}
.rx-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center;width:100%}

.rx-logo{height:56px;width:auto;margin-bottom:22px}

.rx-badge{
  display:inline-flex;align-items:center;gap:9px;
  background:var(--brand-soft);color:var(--brand);
  font-size:13px;font-weight:700;letter-spacing:.01em;
  padding:7px 16px;border-radius:999px;margin:0 0 18px;
}
.rx-badge i{width:8px;height:8px;border-radius:50%;background:var(--red);flex:none}

h1.rx-title{
  margin:0 0 16px;
  font-size:clamp(30px,5vw,50px);
  line-height:1.14;
  font-weight:700;
  letter-spacing:-.02em;
  text-wrap:balance;
}
h1.rx-title .l2{display:block;color:var(--brand)}

.rx-lead{margin:0 0 26px;font-size:clamp(15px,1.7vw,18px);color:var(--ink-2);max-width:56ch;text-wrap:pretty}

/* CTA */
.rx-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}
.rx-btn{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--red);color:#fff;
  font-size:16px;font-weight:700;
  padding:15px 30px;border-radius:999px;
  box-shadow:0 10px 26px rgba(228,33,33,.3);
  transition:transform .15s ease, background-color .15s ease, box-shadow .15s ease;
}
.rx-btn:hover,.rx-btn:focus-visible{background:var(--red-dark);transform:translateY(-2px);box-shadow:0 14px 30px rgba(228,33,33,.36)}
.rx-btn svg{width:18px;height:18px;flex:none}

.rx-btn-ghost{
  display:inline-flex;align-items:center;gap:8px;
  font:inherit;font-size:15px;font-weight:600;
  color:var(--brand);background:var(--surface);
  border:1px solid var(--line);border-radius:999px;
  padding:13px 22px;cursor:pointer;
  transition:border-color .15s ease,color .15s ease;
}
.rx-btn-ghost:hover{border-color:var(--brand)}

/* countdown */
.rx-timer{margin:20px 0 0;max-width:430px}
.rx-timer p{margin:0 0 9px;font-size:13.5px;color:var(--ink-3);display:flex;align-items:center;gap:8px}
.rx-timer b{color:var(--ink);font-variant-numeric:tabular-nums}
.rx-bar{height:4px;border-radius:999px;background:var(--line);overflow:hidden}
.rx-bar i{display:block;height:100%;width:100%;border-radius:999px;background:var(--brand);transform-origin:left center}
.rx-timer.is-off{opacity:.55}
.rx-timer.is-off .rx-bar i{background:var(--ink-3)}

/* ---------------------------------------------------------
   5. Feature pills
   --------------------------------------------------------- */
.rx-pills{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}
.rx-pills li{
  display:flex;align-items:center;gap:14px;
  background:var(--surface);border:1px solid var(--line);border-radius:999px;
  padding:13px 22px 13px 14px;box-shadow:var(--shadow);
}
.rx-pills .ic{
  width:38px;height:38px;flex:none;border-radius:50%;
  background:var(--brand-soft);color:var(--brand);
  display:grid;place-items:center;
}
.rx-pills .ic svg{width:19px;height:19px}
.rx-pills b{font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.35}

/* ---------------------------------------------------------
   6. Footer
   --------------------------------------------------------- */
.rx-foot{border-top:1px solid var(--line);background:rgba(255,255,255,.72);backdrop-filter:blur(6px)}
.rx-foot .rx-wrap{
  display:flex;flex-wrap:wrap;gap:8px 20px;
  align-items:center;justify-content:space-between;
  padding-top:16px;padding-bottom:16px;
  font-size:13px;color:var(--ink-3);
}
.rx-foot nav{display:flex;flex-wrap:wrap;gap:18px}
.rx-foot a{color:var(--ink-2);font-weight:600}
.rx-foot a:hover{color:var(--brand)}

/* ---------------------------------------------------------
   7. Responsive
   --------------------------------------------------------- */
@media (max-width:920px){
  .rx-hero{grid-template-columns:minmax(0,1fr);gap:34px}
  .rx-orb{--orb:clamp(220px,34vmin,320px);left:calc(var(--orb) * -.5);bottom:calc(var(--orb) * -.4)}
}
@media (max-width:640px){
  .rx-wrap{padding:0 18px}
  .rx-main{padding:18px 0 34px}
  .rx-logo{height:44px;margin-bottom:18px}
  .rx-btn,.rx-btn-ghost{width:100%;justify-content:center}
  .rx-cta{gap:10px}
  .rx-pills li{padding:11px 18px 11px 11px}
  .rx-orb{display:none}
  .rx-foot .rx-wrap{justify-content:center;text-align:center}
}

/* ტექსტი წრეში მხოლოდ მაშინ, როცა გვერდით საკმარისი ადგილია */
@media (max-width:1439px){ .rx-orb span{display:none} }

@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}

/* Print / no-JS fallback */
.no-js .rx-timer{display:none}