/*
Theme Name: GetMedicationOnline
Theme URI: https://getmedicationonline.com
Author: Angelina
Description: Редакционная тема для GetMedicationOnline — освещение телемедицины, электронных рецептов и цифрового здравоохранения.
Version: 1.0
Requires at least: 5.9
Requires PHP: 7.4
Text Domain: gmo
*/

:root{
  --bg:#F6F5F0;
  --ink:#17241F;
  --teal:#1F5C52;
  --teal-deep:#123832;
  --gold:#C98B3B;
  --mute:#748A84;
  --line:#E1DFD3;
  --card:#FFFFFF;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:'Inter',sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
.topbar{height:6px;background:linear-gradient(90deg,var(--teal) 0%,var(--gold) 100%);}

/* ---------- HEADER ---------- */
header{padding:34px 24px 0;text-align:center;}
.logo{
  display:inline-flex;align-items:center;gap:12px;
  font-family:'Fraunces',serif;font-weight:600;font-size:26px;letter-spacing:0.2px;
}
.logo .mark{
  width:36px;height:36px;border-radius:50%;
  background:conic-gradient(from 210deg,var(--teal),var(--gold),var(--teal));
  position:relative;flex-shrink:0;
}
.logo .mark::after{content:"";position:absolute;inset:8px;background:var(--bg);border-radius:50%;}
.logo .word-1{color:var(--teal-deep);}
.logo .word-2{color:var(--gold);font-weight:400;font-style:italic;}

nav{
  margin-top:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;gap:40px;padding:16px 24px;
  position:relative;max-width:1180px;margin-left:auto;margin-right:auto;flex-wrap:wrap;
}
nav a{
  font-size:14px;font-weight:500;color:var(--ink);letter-spacing:0.3px;
  padding-bottom:4px;border-bottom:2px solid transparent;
  transition:border-color .2s ease, color .2s ease;
}
nav a:hover{border-color:var(--gold);color:var(--teal-deep);}
.nav-tools{position:absolute;right:24px;display:flex;align-items:center;gap:16px;}
.toggle{width:40px;height:22px;border-radius:20px;background:var(--teal-deep);position:relative;cursor:pointer;transition:background .25s ease;}
.toggle::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--gold);transition:left .25s ease;}
.toggle.is-dark::after{left:21px;}
.search-icon{width:18px;height:18px;opacity:0.75;}
@media (max-width:760px){
  .nav-tools{position:static;margin-left:0;}
  nav{gap:18px 28px;}
}

/* ---------- HERO ---------- */
.hero-wrap{max-width:1180px;margin:48px auto 0;padding:0 24px;}
.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center;}
.hero-art{position:relative;background:var(--teal-deep);border-radius:6px;aspect-ratio:16/11;overflow:hidden;}
.hero-art img,.hero-art svg{width:100%;height:100%;display:block;object-fit:cover;}
.hero-nav-btn{
  position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;
  background:var(--bg);display:flex;align-items:center;justify-content:center;
  font-family:'Fraunces',serif;font-size:18px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.18);
}
.hero-nav-btn.prev{left:-19px;}
.hero-nav-btn.next{right:-19px;}
.eyebrow{
  display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:1.2px;
  text-transform:uppercase;background:var(--teal-deep);color:#EFE9DA;padding:7px 12px;border-radius:3px;
}
.hero-copy h1{font-family:'Fraunces',serif;font-weight:600;font-size:44px;line-height:1.12;margin:20px 0 0;color:var(--teal-deep);}
.hero-copy p{margin-top:16px;color:var(--mute);font-size:15.5px;line-height:1.6;max-width:44ch;}
@media (max-width:860px){.hero{grid-template-columns:1fr;}.hero-copy h1{font-size:32px;}}

/* ---------- CONTENT GRID ---------- */
.content-wrap{
  max-width:1180px;margin:64px auto 100px;padding:0 24px;
  display:grid;grid-template-columns:1fr 1fr 300px;gap:32px;align-items:start;
}
.card{background:var(--card);border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-bottom:32px;}
.card-art{aspect-ratio:16/10;}
.card-art img,.card-art svg{width:100%;height:100%;display:block;object-fit:cover;}
.card-body{padding:22px 22px 20px;}
.tag{
  display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:1px;
  text-transform:uppercase;background:#EDF2EF;color:var(--teal-deep);padding:6px 10px;border-radius:3px;
}
.card-body h3{font-family:'Fraunces',serif;font-weight:600;font-size:21px;line-height:1.28;margin:14px 0 10px;color:var(--ink);}
.card-body p{font-size:14px;line-height:1.65;color:var(--mute);margin:0;}
.card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:12.5px;}
.card-foot .read-more{color:var(--gold);font-weight:600;letter-spacing:.2px;}
.card-foot .mins{color:var(--mute);font-family:'IBM Plex Mono',monospace;}

.grid-main{grid-column:1 / span 2;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-content:start;}
@media (max-width:960px){.content-wrap{grid-template-columns:1fr;}.grid-main{grid-column:1;grid-template-columns:1fr 1fr;}}
@media (max-width:620px){.grid-main{grid-template-columns:1fr;}}

/* ---------- SIDEBAR ---------- */
.sidebar{position:sticky;top:24px;}
.side-box{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:26px 24px;margin-bottom:24px;}
.side-box h4{font-family:'Fraunces',serif;font-size:20px;font-weight:600;margin:0 0 18px;color:var(--teal-deep);}
.side-item{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--line);}
.side-item:first-of-type{border-top:none;padding-top:0;}
.side-item .ico{width:16px;height:16px;flex-shrink:0;margin-top:3px;color:var(--gold);}
.side-item span{font-size:13.5px;line-height:1.5;font-weight:500;}
.lang-box{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500;}
.flag{width:20px;height:14px;border-radius:2px;background:linear-gradient(180deg,#fff 0 33%,#0039A6 33% 66%,#D52B1E 66% 100%);}

footer{border-top:1px solid var(--line);text-align:center;padding:28px 24px 40px;color:var(--mute);font-size:12.5px;}

.entry-content{font-size:16px;line-height:1.75;}
.entry-content p{margin:0 0 20px;}

/* ---------- DARK MODE ---------- */
body.dark-mode{
  --bg:#101B17;
  --ink:#EDEAE0;
  --card:#182620;
  --line:#2B3A34;
  --mute:#93A69F;
}
body.dark-mode .hero-nav-btn{background:#182620;color:var(--ink);}
body.dark-mode .tag{background:#20302A;}
body.dark-mode .flag{filter:brightness(0.9);}