/* =========================================================
   FontAna – novi gumbi (posodobitev obstoječih gumbov)
   Skripta fontana-gumbi.js obstoječim gumbom doda razrede .fg-*
   ========================================================= */
:root{--fg-cream:#faf7f0;--fg-sand:#efe5d3;--fg-ink:#3f322a;--fg-brown:#765335;--fg-brown2:#5c3f27;--fg-gold:#a28c63;--fg-wine:#7a1f2b;--fg-line:#e3d8c5;
  --fg-serif:'DM Serif Display',Georgia,serif;--fg-sans:'DM Sans',Arial,sans-serif;--fg-ease:cubic-bezier(.16,1,.3,1)}
.fg-cap,.fg-fill,.fg-glass,.fg-line,.fg-seal,.fg-arrow,.fg-close,.fg-send,.fg-pill{font-family:var(--fg-sans) !important;-webkit-tap-highlight-color:transparent;cursor:pointer}

/* 1) KAPSULA S KROGOM – splošni glavni gumb */
body .fg-cap{display:inline-flex !important;align-items:center;gap:14px;padding:8px 8px 8px 26px !important;border-radius:99px !important;background:var(--fg-brown) !important;color:#fff !important;
  font-weight:600 !important;font-size:14.5px !important;letter-spacing:0 !important;text-transform:none !important;border:0 !important;position:relative;overflow:hidden;isolation:isolate;
  transition:transform .5s var(--fg-ease),box-shadow .4s;box-shadow:0 10px 24px -12px rgba(92,63,39,.7);text-decoration:none !important;min-height:56px}
body .fg-cap .fg-i{width:40px;height:40px;border-radius:50%;background:var(--fg-cream);color:var(--fg-brown);display:grid;place-items:center;font-style:normal;transition:transform .5s var(--fg-ease)}
body .fg-cap::before{content:"";position:absolute;right:8px;top:50%;width:40px;height:40px;margin-top:-20px;border-radius:50%;background:var(--fg-brown2);z-index:-1;transition:transform .7s var(--fg-ease)}
body .fg-cap:hover::before{transform:scale(9)}
body .fg-cap:hover .fg-i{transform:rotate(-45deg)}

/* 2) KOZAREC SE POLNI – »Raziščite vina« */
body .fg-fill{position:relative !important;overflow:hidden !important;isolation:isolate;display:inline-flex !important;align-items:center;gap:12px;padding:17px 32px !important;min-height:58px;
  border-radius:99px !important;border:1.5px solid var(--fg-brown) !important;background:rgba(250,247,240,.6) !important;color:var(--fg-brown) !important;font-weight:600 !important;font-size:15px !important;
  box-shadow:0 14px 30px -18px rgba(92,63,39,.6) !important;transition:color .5s,transform .5s var(--fg-ease) !important;width:auto !important;height:auto !important}
body .fg-fill .fg-wave{position:absolute;left:-5%;width:110%;height:200%;top:100%;z-index:-1;transition:top .9s var(--fg-ease);pointer-events:none}
body .fg-fill .fg-wave path{fill:var(--fg-wf,var(--fg-brown));animation:fg-wave 2.4s linear infinite}
body .fg-fill:hover,body .fg-fill:focus-visible{color:#fff !important}
body .fg-fill:hover .fg-wave,body .fg-fill:focus-visible .fg-wave{top:-30%}
body .fg-fill .fg-glass-ico{width:18px;height:22px;flex:none}
body .fg-fill.fg-red{--fg-wf:var(--fg-wine);border-color:var(--fg-wine) !important;color:var(--fg-wine) !important}
@keyframes fg-wave{to{transform:translateX(-50%)}}

/* 3) ČRTA S PUŠČICO – »Več o ponudniku« in druge povezave */
body .fg-line{display:inline-flex !important;align-items:center;gap:12px;white-space:nowrap;font-size:12.5px !important;font-weight:600 !important;letter-spacing:.16em !important;text-transform:uppercase !important;
  color:var(--fg-brown) !important;padding:10px 0 !important;min-height:44px;position:relative;background:none !important;border:0 !important;text-decoration:none !important;box-shadow:none !important}
body .fg-line::after{content:"";position:absolute;left:0;right:38px;bottom:8px;height:1px;background:currentColor;transform-origin:right;transition:transform .5s var(--fg-ease)}
body .fg-line:hover::after{transform:scaleX(0);transform-origin:left;animation:fg-line .5s var(--fg-ease) .45s forwards}
@keyframes fg-line{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}
body .fg-line .fg-i{width:28px;height:28px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;font-style:normal;font-size:12px;overflow:hidden;position:relative;letter-spacing:0}
body .fg-line .fg-i span{transition:transform .45s var(--fg-ease)}
body .fg-line .fg-i span+span{position:absolute;transform:translateX(-26px)}
body .fg-line:hover .fg-i span:first-child{transform:translateX(26px)}
body .fg-line:hover .fg-i span+span{transform:none}

/* 4) STEKLO – gumbi na fotografijah */
body .fg-glass{display:inline-flex !important;align-items:center;gap:12px;padding:12px 22px 12px 12px !important;min-height:52px;border-radius:99px !important;color:#fff !important;font-weight:600 !important;font-size:14px !important;
  letter-spacing:.02em !important;text-transform:none !important;text-decoration:none !important;background:rgba(255,255,255,.16) !important;border:1px solid rgba(255,255,255,.45) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 10px 30px rgba(0,0,0,.18) !important;transition:background .3s,transform .5s var(--fg-ease)}
body .fg-glass:hover{background:rgba(255,255,255,.28) !important;transform:translateY(-2px)}
body .fg-glass .fg-i{width:30px;height:30px;border-radius:50%;background:#fff;color:var(--fg-brown);display:grid;place-items:center;font-style:normal;font-size:14px;transition:transform .5s var(--fg-ease)}
body .fg-glass:hover .fg-i{transform:translateY(2px)}
body .fg-glass.fg-small{min-height:44px;padding:8px 16px 8px 8px !important;font-size:12.5px !important}
body .fg-glass.fg-small .fg-i{width:28px;height:28px}

/* 5) PEČAT – »Cene in odpiralni čas« */
body .fg-seal{width:132px !important;height:132px !important;padding:0 !important;border-radius:50% !important;background:var(--fg-brown) !important;color:#fff !important;border:0 !important;position:relative;display:grid !important;place-items:center;
  box-shadow:0 18px 40px -16px rgba(92,63,39,.8) !important;transition:transform .6s var(--fg-ease) !important}
body .fg-seal svg.fg-ring{position:absolute;inset:0;width:100%;height:100%;animation:fg-spin 18s linear infinite}
body .fg-seal svg.fg-ring text{font:600 9px var(--fg-sans);letter-spacing:2.6px;fill:#f3e6cc;text-transform:uppercase}
body .fg-seal .fg-c{display:flex;flex-direction:column;align-items:center;line-height:1}
body .fg-seal .fg-c b{font:400 32px var(--fg-serif);transition:transform .5s var(--fg-ease)}
body .fg-seal .fg-c small{font-size:9px;letter-spacing:.14em;text-transform:uppercase;opacity:.8;margin-top:4px}
body .fg-seal:hover{transform:scale(1.06) rotate(-6deg)}
body .fg-seal:hover .fg-c b{transform:scale(1.12)}
@keyframes fg-spin{to{transform:rotate(360deg)}}

/* PUŠČICE S KROGOM */
body .fg-arrow{width:52px !important;height:52px !important;padding:0 !important;border-radius:50% !important;border:1px solid var(--fg-line) !important;background:rgba(255,255,255,.6) !important;
  display:inline-grid !important;place-items:center;position:relative;color:var(--fg-brown) !important;font-size:18px !important;line-height:1 !important;transition:transform .4s var(--fg-ease) !important;box-shadow:none !important}
body .fg-arrow .fg-ringsvg{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);transform:rotate(-90deg);pointer-events:none}
body .fg-arrow .fg-ringsvg circle{fill:none;stroke:var(--fg-brown);stroke-width:1.5;stroke-dasharray:170;stroke-dashoffset:170;transition:stroke-dashoffset .7s var(--fg-ease)}
body .fg-arrow:hover:not(:disabled) .fg-ringsvg circle{stroke-dashoffset:0}
body .fg-arrow:disabled{opacity:.35;cursor:default}

/* ZAPRI (vsi pop-upi) */
body .fg-close{width:46px !important;height:46px !important;padding:0 !important;border-radius:50% !important;background:rgba(250,247,240,.95) !important;border:1px solid var(--fg-line) !important;
  font-size:0 !important;color:transparent !important;position:absolute;transition:transform .5s var(--fg-ease),background .3s !important;box-shadow:0 6px 16px rgba(0,0,0,.08) !important}
body .fg-close::before,body .fg-close::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:1.6px;margin:-.8px 0 0 -9px;background:var(--fg-ink);border-radius:2px;transform:rotate(45deg);transition:background .3s}
body .fg-close::after{transform:rotate(-45deg)}
body .fg-close:hover{background:var(--fg-ink) !important;transform:rotate(90deg) !important}
body .fg-close:hover::before,body .fg-close:hover::after{background:#fff}

/* JEZIK – drseča kapsula */
body .language-picker.fg-lang{position:relative;display:inline-flex !important;padding:4px !important;border-radius:99px !important;background:rgba(255,255,255,.75) !important;border:1px solid rgba(118,83,53,.15) !important;gap:0 !important}
body .language-picker.fg-lang a{position:relative;z-index:1;width:44px !important;height:44px !important;min-width:0 !important;border-radius:99px !important;display:grid !important;place-items:center;font-size:12px !important;font-weight:600 !important;letter-spacing:.08em;color:var(--fg-muted,#8a7865) !important;background:none !important;transition:color .3s}
body .language-picker.fg-lang a[aria-current]{color:#fff !important}
body .language-picker.fg-lang .fg-lpill{position:absolute;top:4px;left:4px;width:44px;height:44px;border-radius:99px;background:var(--fg-brown);transition:transform .5s var(--fg-ease)}

/* VPRAŠANJA (Dobro je vedeti) */
body .fg-faq summary{list-style:none;display:flex !important;align-items:center;justify-content:space-between;gap:14px;min-height:58px;cursor:pointer}
body .fg-faq summary::-webkit-details-marker{display:none}
body .fg-faq summary::marker{content:""}
body .fg-faq summary .fg-pm{width:32px;height:32px;border-radius:50%;background:var(--fg-sand);position:relative;flex:none;transition:background .3s,transform .5s var(--fg-ease)}
body .fg-faq summary .fg-pm::before,body .fg-faq summary .fg-pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;margin:-.75px 0 0 -6px;background:var(--fg-brown);transition:transform .5s var(--fg-ease),background .3s}
body .fg-faq summary .fg-pm::after{transform:rotate(90deg)}
body .fg-faq[open] summary .fg-pm{background:var(--fg-brown);transform:rotate(180deg)}
body .fg-faq[open] summary .fg-pm::before,body .fg-faq[open] summary .fg-pm::after{background:#fff}
body .fg-faq[open] summary .fg-pm::after{transform:rotate(0)}

/* POŠLJI */
body .fg-send{position:relative;display:inline-flex !important;align-items:center;justify-content:center;gap:10px;white-space:nowrap;min-height:56px !important;height:auto !important;padding:0 30px !important;border-radius:99px !important;
  background:var(--fg-brown) !important;color:#fff !important;border:0 !important;font-weight:600 !important;font-size:14.5px !important;overflow:hidden;transition:background .4s,transform .4s var(--fg-ease) !important}
body .fg-send:hover{transform:translateY(-2px)}
body .fg-send .fg-t,body .fg-send .fg-ok{transition:transform .5s var(--fg-ease),opacity .3s}
body .fg-send .fg-ok{position:absolute;opacity:0;transform:translateY(20px)}
body .fg-send .fg-plane{transition:transform .8s var(--fg-ease)}
body .fg-send.fg-sending .fg-plane{transform:translate(180px,-60px) rotate(-20deg)}
body .fg-send.fg-sent{background:#4f6b3a !important}
body .fg-send.fg-sent .fg-t{opacity:0;transform:translateY(-20px)}
body .fg-send.fg-sent .fg-ok{opacity:1;transform:none}

/* DRUŽBENA OMREŽJA – kapsula z ikono */
body .fg-pill{display:inline-flex !important;align-items:center;gap:10px;min-height:44px;padding:6px 16px 6px 6px !important;border-radius:99px !important;background:#fff !important;border:1px solid var(--fg-line) !important;
  text-decoration:none !important;font-size:13.5px !important;color:var(--fg-ink) !important;transition:border-color .3s,transform .4s var(--fg-ease)}
body .fg-pill svg{width:32px !important;height:32px !important;padding:8px;border-radius:50%;background:var(--fg-sand);fill:var(--fg-brown);flex:none;transition:transform .5s var(--fg-ease)}
body .fg-pill:hover{border-color:var(--fg-brown) !important;transform:translateY(-2px)}
body .fg-pill:hover svg{transform:rotate(-10deg)}

@media(prefers-reduced-motion:reduce){[class*="fg-"],[class*="fg-"] *{animation:none !important;transition-duration:.01s !important}}

body .fg-faq summary::after{display:none!important}body .fg-cap:focus-visible,body .fg-glass:focus-visible,body .fg-fill:focus-visible,body .fg-seal:focus-visible,body .fg-line:focus-visible,body .fg-send:focus-visible{outline:2px solid #a28c63;outline-offset:4px}