/*
Theme Name: Parfum Reviews
Template: generatepress
Description: Дочірня тема parfumreviews.com — платформа оглядів і відгуків про аромати. Дизайн-система з макетів ради 29.10.2026.
Version: 1.2.1
Text Domain: parfumreviews
*/

@font-face{font-family:"Geologica";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/geologica-cyr.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Geologica";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/geologica-lat.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Commissioner";font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/commissioner-cyr.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Commissioner";font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/commissioner-lat.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Geologica Fallback";src:local("Arial Bold"),local("Arial-BoldMT"),local("Arial");font-weight:600;size-adjust:102.5%}
@font-face{font-family:"Commissioner Fallback";src:local("Arial"),local("ArialMT");size-adjust:100%}

:root{
  /* --- Колір --- */
  --pr-bg:#F7F6F3;          /* фон сторінки, теплий нейтральний «папір» */
  --pr-surface:#FFFFFF;     /* картки */
  --pr-surface-2:#F0EEF4;   /* підкладка блоків, поля */
  --pr-ink:#17151C;         /* основний текст */
  --pr-ink-2:#4A4652;       /* другорядний текст */
  --pr-muted:#625D6B;       /* мета, підписи (AA на bg і surface) */
  --pr-line:#E3E0E8;        /* лінії 1px */
  --pr-line-strong:#C9C4D2;
  --pr-field:#857F90;       /* межа полів вводу ≥3:1 (WCAG 1.4.11) */
  --pr-accent:#4F2FC4;      /* фіолет-чорнило: дії, посилання */
  --pr-accent-hover:#3F23A3;
  --pr-accent-soft:#ECE8FB;
  --pr-pos:#17654A; --pr-pos-soft:#E5F2EC;   /* «хвалять» */
  --pr-neg:#9A3412; --pr-neg-soft:#FBEBE3;   /* «критикують» */
  --pr-brand:#7A4B00; --pr-brand-soft:#FFF1D6;/* позначка «сайт бренду» */
  --pr-focus:#4F2FC4;
  --pr-accent-bg:#4F2FC4; --pr-on-accent:#FFFFFF;
  --pr-inv-bg:#17151C; --pr-inv-fg:#FFFFFF; --pr-inv-hover:#000000; --pr-inv-muted:#D9D5E0;
  --pr-pos-ink:#0F4A35; --pr-cta-bg:#17151C;
  --pr-skel:#ECEAF0; --pr-skel-hi:#F7F6FA;
  color-scheme:light dark;
  /* аватари-ініціали: 6 спокійних тонів (текст --pr-ink) */
  --av-1:#E4DEFA; --av-2:#DCEFE6; --av-3:#FCE3D6; --av-4:#DDE9F7; --av-5:#F5E6C8; --av-6:#EADCEB;

  /* --- Типографіка --- */
  --pr-font-head:"Geologica","Geologica Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --pr-font-body:"Commissioner","Commissioner Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-xs:13px; --fs-sm:14px; --fs-base:16px; --fs-read:18px; --fs-lg:20px;
  --fs-h3:20px; --fs-h2:26px; --fs-h1:34px; --fs-display:46px;
  --lh-tight:1.15; --lh-ui:1.45; --lh-read:1.7;

  /* --- Простір (база 4) --- */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px;
  --radius-s:8px; --radius:14px; --radius-l:20px; --radius-pill:999px;
  --shadow:0 1px 2px rgba(23,21,28,.05), 0 4px 16px rgba(23,21,28,.06);
  --container:1200px; --gutter:16px; --measure:68ch;
}
@media (min-width:768px){ :root{ --gutter:32px; } }
@media (max-width:767px){ :root{ --fs-h1:28px; --fs-display:32px; --fs-h2:22px; --fs-read:17px; } }

@media (prefers-color-scheme:dark){
  :root{
    --pr-bg:#121117; --pr-surface:#1B1A21; --pr-surface-2:#25232D;
    --pr-ink:#F1EFF5; --pr-ink-2:#CFCAD8; --pr-muted:#A7A1B2;
    --pr-line:#2E2B36; --pr-line-strong:#45404F; --pr-field:#7E788C;
    --pr-accent:#B4A6FF; --pr-accent-hover:#CBC1FF; --pr-accent-soft:#2A2445;
    --pr-accent-bg:#5B3FE0; --pr-on-accent:#FFFFFF; --pr-focus:#B4A6FF;
    --pr-pos:#7FD8B0; --pr-pos-soft:#15291F; --pr-pos-ink:#A9E9CB;
    --pr-neg:#FFA585; --pr-neg-soft:#2E1B14;
    --pr-brand:#F2C46D; --pr-brand-soft:#2B2414; --pr-gold:#F2C46D; --pr-gold-soft:#2B2414;
    --pr-inv-bg:#F1EFF5; --pr-inv-fg:#17151C; --pr-inv-hover:#FFFFFF; --pr-inv-muted:#4A4652;
    --pr-cta-bg:#25232D; --pr-skel:#25232D; --pr-skel-hi:#2F2C38;
    --av-1:#332B57; --av-2:#1E3A2F; --av-3:#46291E; --av-4:#1F2F47; --av-5:#3E3320; --av-6:#3B2842;
    --shadow:0 1px 2px rgba(0,0,0,.4),0 6px 20px rgba(0,0,0,.35);
  }
}

:root{--pr-dur:.18s;--pr-ease:cubic-bezier(.2,.7,.2,1)}

/* ---------- База поверх GeneratePress ---------- */
body{background:var(--pr-bg);color:var(--pr-ink);font:400 var(--fs-base)/var(--lh-ui) var(--pr-font-body);-webkit-font-smoothing:antialiased}
a{color:var(--pr-accent);text-underline-offset:3px}
a:hover,a:focus{color:var(--pr-accent-hover)}
:focus-visible{outline:3px solid var(--pr-focus);outline-offset:2px;border-radius:6px}
h1,h2,h3,h4,.entry-title,.page-title{font-family:var(--pr-font-head);font-weight:600;letter-spacing:-.015em;line-height:var(--lh-tight);color:var(--pr-ink);text-wrap:balance}
h1,.entry-title{font-size:var(--fs-h1)} h2{font-size:var(--fs-h2)} h3{font-size:var(--fs-h3)}
p{text-wrap:pretty}
.separate-containers .inside-article,.separate-containers .page-header,.separate-containers .paging-navigation,.separate-containers .widget{background:var(--pr-surface);border:1px solid var(--pr-line);border-radius:var(--radius-l);box-shadow:var(--shadow)}
.separate-containers .site-main{margin:var(--s5) 0}
.site-content{padding:0}

/* ---------- Шапка ---------- */
.site-header{background:var(--pr-surface);border-bottom:1px solid var(--pr-line);position:sticky;top:0;z-index:40}
.inside-header{padding:10px var(--gutter)}
.main-title{font-family:var(--pr-font-head);font-weight:600;font-size:22px;letter-spacing:-.02em;line-height:1.2}
.main-title a{color:var(--pr-ink);text-decoration:none}
.main-title a::before{content:"";display:inline-block;width:26px;height:26px;margin-right:8px;vertical-align:-6px;border-radius:9px 9px 9px 3px;background:var(--pr-accent-bg)}
.site-description{display:none}
.main-navigation,.main-navigation ul ul{background:transparent}
.main-navigation .main-nav ul li a{color:var(--pr-ink-2);font-weight:600;font-size:15px;line-height:44px;padding:0 12px}
.main-navigation .main-nav ul li:hover>a,.main-navigation .main-nav ul li.current-menu-item>a{color:var(--pr-ink);background:transparent}
.main-navigation .main-nav ul li.current-menu-item>a{box-shadow:inset 0 -2px 0 var(--pr-accent)}
.main-navigation .main-nav ul li.pr-cta>a{background:var(--pr-accent-bg);color:var(--pr-on-accent);border-radius:var(--radius-pill);padding:0 20px;margin-left:8px;box-shadow:none}
.main-navigation .main-nav ul li.pr-cta>a:hover{background:var(--pr-accent-hover);color:#fff}
.menu-toggle,.main-navigation .menu-toggle,.main-navigation .menu-toggle:hover{color:var(--pr-ink);background:transparent}

/* ---------- Кнопки, бейджі ---------- */
.button,.wp-block-button__link,input[type=submit],.pr-btn{font:600 15px/1 var(--pr-font-body);border-radius:var(--radius-pill);padding:14px 22px;min-height:44px;background:var(--pr-accent-bg);color:var(--pr-on-accent);border:0;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background var(--pr-dur) var(--pr-ease),transform var(--pr-dur) var(--pr-ease)}
.button:hover,.pr-btn:hover,input[type=submit]:hover{background:var(--pr-accent-hover);color:#fff;transform:translateY(-1px)}
.pr-btn--ghost{background:transparent;color:var(--pr-ink);border:1px solid var(--pr-line-strong)}
.pr-btn--ghost:hover{background:var(--pr-surface-2);color:var(--pr-ink)}
.pr-badge{display:inline-flex;align-items:center;gap:6px;font:600 var(--fs-xs)/1.2 var(--pr-font-body);padding:6px 10px;border-radius:var(--radius-pill);background:var(--pr-surface-2);color:var(--pr-ink-2)}
.pr-badge--archive{background:var(--pr-accent-soft);color:var(--pr-accent)}
.pr-badge--gift{background:var(--pr-brand-soft);color:var(--pr-brand)}
.pr-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 var(--s4)}
.cat-links a,.tags-links a{display:inline-block;padding:4px 12px;border-radius:var(--radius-pill);background:var(--pr-surface-2);color:var(--pr-ink-2);text-decoration:none;font-size:var(--fs-sm);font-weight:600}
.entry-meta .cat-links::before,.entry-meta .tags-links::before{display:none}

/* ---------- Сторінка огляду ---------- */
.single .inside-article{padding:var(--s6) clamp(var(--s4),5vw,var(--s7))}
.single .entry-content{font-size:var(--fs-read);line-height:var(--lh-read);max-width:var(--measure)}
.single .entry-content img{border-radius:var(--radius);margin:var(--s5) 0}
.single .entry-header .entry-meta{display:none}
.pr-brief{background:var(--pr-accent-soft);border-radius:var(--radius);padding:var(--s5);margin:0 0 var(--s5);max-width:var(--measure)}
.pr-brief__label{font:600 var(--fs-xs)/1 var(--pr-font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--pr-accent);margin-bottom:var(--s3)}
.pr-brief p{margin:0;font-size:var(--fs-lg);line-height:1.5}
.pr-proof{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);align-items:center;color:var(--pr-ink-2);font-size:var(--fs-sm);margin:0 0 var(--s5)}
.pr-authorline{display:flex;gap:var(--s3);align-items:center;margin:var(--s4) 0}
.pr-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex:none;font:600 18px/1 var(--pr-font-head);color:var(--pr-ink);background:var(--av-1);object-fit:cover;text-transform:uppercase}
.pr-avatar--lg{width:88px;height:88px;font-size:32px}
.pr-authorline b{display:block;font-family:var(--pr-font-head)}
.pr-authorline small{color:var(--pr-muted)}
.pr-authorbox{display:flex;gap:var(--s5);align-items:flex-start;margin-top:var(--s7);padding:var(--s5);border:1px solid var(--pr-line);border-radius:var(--radius-l);background:var(--pr-surface-2)}
.pr-authorbox h3{margin:0 0 6px}
.pr-authorbox p{margin:0 0 var(--s3);color:var(--pr-ink-2)}
.pr-socials{display:flex;gap:8px;flex-wrap:wrap}
.pr-socials a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:var(--radius-pill);border:1px solid var(--pr-line-strong);color:var(--pr-ink);text-decoration:none;font-weight:600;font-size:var(--fs-sm)}
.pr-note{font-size:var(--fs-xs);color:var(--pr-muted);border:1px dashed var(--pr-line-strong);border-radius:var(--radius-s);padding:var(--s3);margin-top:var(--s4)}
.pr-brandlink{display:flex;flex-direction:column;gap:6px;align-items:flex-start;margin:var(--s5) 0}
.pr-brandlink small{font-size:var(--fs-xs);color:var(--pr-brand);background:var(--pr-brand-soft);padding:4px 8px;border-radius:6px}

/* ---------- Архіви: сітка карток ---------- */
.blog .site-main,.archive .site-main,.search .site-main{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--s5)}
.blog .site-main>*:not(article),.archive .site-main>*:not(article),.search .site-main>*:not(article){grid-column:1/-1}
.blog .inside-article,.archive .inside-article,.search .inside-article{padding:0;overflow:hidden;height:100%;display:flex;flex-direction:column;transition:transform var(--pr-dur) var(--pr-ease),box-shadow var(--pr-dur) var(--pr-ease)}
.blog article,.archive article,.search article{margin:0!important}
.blog .inside-article:hover,.archive .inside-article:hover,.search .inside-article:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(23,21,28,.12)}
.blog .post-image,.archive .post-image,.search .post-image{margin:0 0 var(--s4)!important;aspect-ratio:4/3;overflow:hidden}
.blog .post-image img,.archive .post-image img,.search .post-image img{width:100%;height:100%;object-fit:cover}
.blog .entry-header,.archive .entry-header,.search .entry-header,.blog .entry-summary,.archive .entry-summary,.search .entry-summary,.blog footer.entry-meta,.archive footer.entry-meta,.search footer.entry-meta{padding:0 var(--s5)}
.blog .entry-header,.archive .entry-header{padding-top:var(--s4)}
.blog .post-image+.entry-header,.archive .post-image+.entry-header{padding-top:0}
.blog .entry-title,.archive .entry-title,.search .entry-title{font-size:var(--fs-lg)}
.blog .entry-title a,.archive .entry-title a,.search .entry-title a{color:var(--pr-ink);text-decoration:none}
.blog .entry-summary,.archive .entry-summary{color:var(--pr-ink-2);font-size:var(--fs-sm)}
.blog .entry-header .entry-meta,.archive .entry-header .entry-meta{font-size:var(--fs-xs);color:var(--pr-muted)}
.blog footer.entry-meta,.archive footer.entry-meta{margin-top:auto;padding-bottom:var(--s5)}
.page-header{padding:var(--s6)!important}
.page-header .page-title{font-size:var(--fs-display);margin:0 0 var(--s3)}
.taxonomy-description{color:var(--pr-ink-2);font-size:var(--fs-read);line-height:var(--lh-read);max-width:var(--measure)}
.taxonomy-description h2{font-size:var(--fs-h3);margin:var(--s5) 0 var(--s3)}
.pr-praise,.pr-crit{border-radius:var(--radius);padding:var(--s4) var(--s5);margin:var(--s4) 0}
.pr-praise{background:var(--pr-pos-soft)} .pr-praise h3{color:var(--pr-pos)}
.pr-crit{background:var(--pr-neg-soft)} .pr-crit h3{color:var(--pr-neg)}

/* ---------- Головна: герой ---------- */
.pr-hero{background:var(--pr-surface);border:1px solid var(--pr-line);border-radius:var(--radius-l);padding:clamp(var(--s5),5vw,var(--s8))}
.pr-hero h1{font-size:var(--fs-display);max-width:16ch;margin:0 0 var(--s4)}
.pr-hero p{font-size:var(--fs-lg);color:var(--pr-ink-2);max-width:52ch}
.pr-hero__actions{display:flex;flex-wrap:wrap;gap:var(--s3);margin:var(--s5) 0}
.pr-hero form{display:flex;gap:8px;max-width:560px;background:var(--pr-surface-2);border:1px solid var(--pr-field);border-radius:var(--radius-pill);padding:6px}
.pr-hero input[type=search]{flex:1;border:0;background:transparent;padding:0 14px;font:inherit;color:var(--pr-ink);min-height:44px;outline:0}
.pr-points{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);margin:var(--s5) 0 0;padding:0;list-style:none;color:var(--pr-ink-2);font-size:var(--fs-sm)}
.pr-points li::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pr-accent);margin-right:8px;vertical-align:2px}
.pr-section-title{grid-column:1/-1;margin:var(--s5) 0 0;font-size:var(--fs-h2)}

/* ---------- Плаваюча панель швидких дій ---------- */
.pr-quickbar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:45;display:flex;gap:4px;padding:6px;background:var(--pr-surface);border:1px solid var(--pr-line);border-radius:var(--radius-pill);box-shadow:0 10px 30px rgba(23,21,28,.18)}
.pr-quickbar a,.pr-quickbar button{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:76px;min-height:48px;padding:6px 10px;border-radius:var(--radius-pill);background:transparent;color:var(--pr-ink);font:600 12px/1.1 var(--pr-font-body);text-decoration:none;border:0;cursor:pointer;transform:none}
.pr-quickbar a:hover,.pr-quickbar button:hover{background:var(--pr-surface-2);color:var(--pr-ink);transform:none}
.pr-quickbar a.pr-quickbar__main{background:var(--pr-accent-bg);color:var(--pr-on-accent)}
.pr-quickbar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.pr-has-quickbar .site-info{padding-bottom:90px}

/* ---------- Футер ---------- */
.site-footer,.site-info{background:var(--pr-inv-bg);color:var(--pr-inv-muted)}
.site-info a{color:var(--pr-inv-fg)}
.inside-site-info{padding:var(--s6) var(--gutter);font-size:var(--fs-sm)}

/* ---------- Мобільна ---------- */
@media (max-width:767px){
  .pr-authorbox{flex-direction:column}
  .single .inside-article{padding:var(--s5) var(--s4)}
  .blog .site-main,.archive .site-main,.search .site-main{grid-template-columns:1fr}
  .pr-quickbar{left:8px;right:8px;transform:none;justify-content:space-around;bottom:8px}
  .pr-quickbar a,.pr-quickbar button{min-width:0;flex:1}
  .main-navigation .main-nav ul li.pr-cta>a{margin:8px 12px;display:inline-flex}
  .page-header{padding:var(--s5)!important}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ---------- Чипи ароматів і списки (v1.2.0) ---------- */
.pr-chips{display:flex;flex-wrap:wrap;gap:8px;margin:var(--s5) 0 0}
.pr-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:var(--radius-pill);border:1px solid var(--pr-line-strong);background:var(--pr-surface);color:var(--pr-ink);text-decoration:none;font-weight:600;font-size:var(--fs-sm)}
.pr-chip span{color:var(--pr-muted);font-weight:400}
.pr-chip:hover{background:var(--pr-surface-2);color:var(--pr-ink)}
.pr-termlist{list-style:none;margin:0;padding:0;columns:2 260px;column-gap:var(--s6)}
.pr-termlist li{break-inside:avoid;padding:10px 0;border-bottom:1px solid var(--pr-line)}
.pr-termlist a{font-weight:600;color:var(--pr-ink);text-decoration:none}
.pr-termlist span{color:var(--pr-muted);font-size:var(--fs-sm)}