/* OxY – stran Kontakt v2 (mu-plugin oxy-kontakt). Vir oblikovanja: kontakt/kontakt-v2.src.html. Vse je omejeno na .oxy-kt. */
.oxy-kt{--ink:#222;--muted:#5e5a55;--line:#e8e1d6;--pink-deep:#e91e63;--pink-soft:#fde7ef;--green:#1f7a3a;--green-soft:#e6f3ea;--amber:#b3640c;--amber-soft:#fdf1e2;--wa:#1c8a4a;--wa-soft:#e3f4ea;--cream:#faf9f6;--peach:#fff4e6;--blush:#fef7f6;--body:"Raleway","Helvetica Neue",Arial,sans-serif;--display:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;--container:1120px;--gutter:clamp(16px,4vw,56px);font-family:var(--body);color:var(--ink);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;box-sizing:border-box;width:100%;background:#fff}
.oxy-kt *,.oxy-kt *::before,.oxy-kt *::after{box-sizing:border-box}
.oxy-kt [hidden]{display:none!important}
.oxy-kt a{color:inherit}
.oxy-kt h1,.oxy-kt h2,.oxy-kt h3{font-family:var(--display);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0;padding:0;color:var(--ink);text-wrap:balance;text-transform:none}
.oxy-kt p{margin:0}
.oxy-kt ul{margin:0;padding:0;list-style:none}
.oxy-kt li{margin:0}
.oxy-kt svg{display:block}
.oxy-kt :focus-visible{outline:2px solid var(--pink-deep);outline-offset:3px}
.oxy-kt[id],.oxy-kt [id]{scroll-margin-top:64px}
@media (min-width:768px){.oxy-kt [id]{scroll-margin-top:140px}}
@media (prefers-reduced-motion:reduce){.oxy-kt *,.oxy-kt *::before,.oxy-kt *::after{animation:none!important;transition:none!important}}
.oxy-kt .wrap{max-width:var(--container);margin:0 auto;padding-inline:var(--gutter)}
.oxy-kt .eyebrow{font-family:var(--display);font-weight:700;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--pink-deep)}

/* 1. glava strani */
.oxy-kt .top{background:var(--cream);border-bottom:1px solid var(--line);padding-block:clamp(34px,5vw,58px) clamp(26px,4vw,40px)}
.oxy-kt .top__in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px 48px;align-items:end}
.oxy-kt .top h1{font-size:clamp(34px,5vw,52px);margin-top:10px}
.oxy-kt .top .lead{margin-top:14px;font-size:17px;max-width:34em;color:var(--muted)}
.oxy-kt .status{justify-self:end;display:inline-flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;font-size:14px;max-width:100%}
.oxy-kt .status__dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-soft);flex:none}
.oxy-kt .status.is-closed .status__dot{background:var(--amber);box-shadow:0 0 0 4px var(--amber-soft)}
.oxy-kt .status.is-neutral .status__dot{background:#c9bfb2;box-shadow:0 0 0 4px var(--cream)}
.oxy-kt .status b{display:block;font-family:var(--display);font-size:15px}
.oxy-kt .status span:not(.status__dot){color:var(--muted);font-size:13px}
@media (max-width:767px){.oxy-kt .top__in{grid-template-columns:1fr}.oxy-kt .status{justify-self:start}}

/* Pasova .top in .quick segata čez celo širino okna, tudi ko tema vsebino omeji (Shoptimizer .col-full 1170 px).
   border-image z odmikom (outset) nariše ozadje in črto izven elementa, ne da bi povečal širino strani (brez vodoravnega drsenja). */
.oxy-kt .top{border-bottom:0;border-image:linear-gradient(var(--cream) calc(100% - 1px),var(--line) 0) fill 0/0/0 100vmax}
.oxy-kt .quick{border-top:0;border-image:linear-gradient(var(--line) 1px,var(--blush) 0) fill 0/0/0 100vmax}

/* 2. kanali */
.oxy-kt .channels{padding-block:clamp(26px,4vw,40px) 0}
.oxy-kt .channels__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.oxy-kt .ch{display:flex;flex-direction:column;gap:12px;padding:18px 18px 20px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none;color:var(--ink);font-weight:400;transition:border-color .15s,transform .15s}
.oxy-kt .ch:hover{border-color:var(--ink);color:var(--ink);transform:translateY(-2px)}
.oxy-kt .ch__ico{width:44px;height:44px;border-radius:12px;background:var(--peach);display:flex;align-items:center;justify-content:center;flex:none}
.oxy-kt .ch__ico svg{width:22px;height:22px;stroke:var(--ink);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.oxy-kt .ch--wa .ch__ico{background:var(--wa-soft)}
.oxy-kt .ch--wa .ch__ico svg{stroke:none;fill:var(--wa)}
.oxy-kt .ch--accent .ch__ico{background:var(--pink-soft)}
.oxy-kt .ch--accent .ch__ico svg{stroke:var(--pink-deep)}
.oxy-kt .ch small{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.oxy-kt .ch b{display:block;font-family:var(--display);font-weight:700;font-size:18px;margin-top:3px;letter-spacing:-.01em;overflow-wrap:anywhere}
.oxy-kt .ch b.ch__mail{font-size:15.5px;overflow-wrap:normal;word-break:normal}
.oxy-kt .ch div>span{display:block;font-weight:400;font-size:13.5px;color:var(--muted);margin-top:4px}
@media (max-width:1000px){.oxy-kt .channels__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.oxy-kt .channels__grid{grid-template-columns:1fr}.oxy-kt .ch{flex-direction:row;align-items:center;gap:16px}.oxy-kt .ch b.ch__mail{overflow-wrap:anywhere}}

/* 3. obrazec + delovnik */
.oxy-kt .main{padding-block:clamp(30px,5vw,56px) clamp(40px,6vw,72px)}
.oxy-kt .main__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px 56px;align-items:start}
@media (max-width:900px){.oxy-kt .main__grid{grid-template-columns:1fr}}
.oxy-kt .form-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(22px,3vw,32px);box-shadow:0 18px 40px -30px rgba(34,34,34,.35);min-width:0}
.oxy-kt .form-card h2{font-size:26px}
.oxy-kt .form-card .sub{color:var(--muted);margin-top:6px;font-size:14.5px}
.oxy-kt .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.oxy-kt .chip{font-family:var(--body);border:1.5px solid var(--line);background:var(--cream);border-radius:100px;padding:8px 14px;font-size:13.5px;font-weight:600;line-height:1.3;cursor:pointer;color:var(--ink);text-transform:none;letter-spacing:normal;box-shadow:none;min-height:0;width:auto;margin:0;transition:border-color .15s,background .15s}
.oxy-kt .chip:hover{border-color:var(--ink);background:var(--cream);color:var(--ink)}
.oxy-kt .chip.is-on,.oxy-kt .chip.is-on:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.oxy-kt .chips-label{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-top:22px}
.oxy-kt .tip{margin-top:14px;background:var(--wa-soft);border-radius:12px;padding:12px 14px;font-size:14px}
.oxy-kt .tip a{font-weight:700;color:var(--ink)}
.oxy-kt .kt-missing{margin-top:18px;background:var(--amber-soft);border-radius:12px;padding:12px 14px}

/* WPForms v kartici (večja specifičnost kot WPForms classic in Shoptimizer) */
.oxy-kt .form-card div.wpforms-container-full{margin:0}
.oxy-kt .form-card div.wpforms-container-full .wpforms-form .wpforms-field-container{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.oxy-kt .form-card div.wpforms-container-full .wpforms-form .wpforms-field{grid-column:1/-1;padding:0;margin-top:16px;display:grid;gap:6px;align-content:start;min-width:0}
.oxy-kt .form-card div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-name,.oxy-kt .form-card div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-email{grid-column:auto}
@media (max-width:560px){.oxy-kt .form-card div.wpforms-container-full .wpforms-form .wpforms-field-container{grid-template-columns:1fr}.oxy-kt .form-card div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-name,.oxy-kt .form-card div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-email{grid-column:1/-1}}
.oxy-kt .form-card div.wpforms-container-full .wpforms-form .wpforms-field-label{font-family:var(--body);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.3;margin:0;color:var(--ink)}
.oxy-kt .form-card div.wpforms-container-full .wpforms-form .wpforms-field-label small{font-size:inherit;font-weight:500;text-transform:none;letter-spacing:0;color:var(--muted)}
.oxy-kt .form-card div.wpforms-container-full .wpforms-form .wpforms-required-label{display:none}
.oxy-kt .form-card div.wpforms-container-full .wpforms-form input[type=text],.oxy-kt .form-card div.wpforms-container-full .wpforms-form input[type=email],.oxy-kt .form-card div.wpforms-container-full .wpforms-form textarea{width:100%;max-width:100%;height:auto;border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;background:#fff;color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.4;box-shadow:none;margin:0;transition:border-color .15s}
.oxy-kt .form-card div.wpforms-container-full .wpforms-form input[type=text]:focus,.oxy-kt .form-card div.wpforms-container-full .wpforms-form input[type=email]:focus,.oxy-kt .form-card div.wpforms-container-full .wpforms-form textarea:focus{border-color:var(--ink);outline:none;box-shadow:none}
.oxy-kt .form-card div.wpforms-container-full .wpforms-form textarea{min-height:140px;resize:vertical}
.oxy-kt .form-card div.wpforms-container-full .wpforms-form .oxy-kt-order input{max-width:260px;font-variant-numeric:tabular-nums}
.oxy-kt .form-card div.wpforms-container-full .wpforms-form .wpforms-field-description{font-size:12.5px;line-height:1.45;color:var(--muted);margin:0}
.oxy-kt .form-card div.wpforms-container-full .wpforms-form input.wpforms-error,.oxy-kt .form-card div.wpforms-container-full .wpforms-form textarea.wpforms-error,.oxy-kt .form-card div.wpforms-container-full .wpforms-form input.user-invalid,.oxy-kt .form-card div.wpforms-container-full .wpforms-form textarea.user-invalid{border-color:#cc0000}
.oxy-kt .form-card div.wpforms-container-full .wpforms-form label.wpforms-error{font-size:13px;font-weight:600;color:#cc0000;text-transform:none;letter-spacing:0;margin:0}
.oxy-kt .form-card div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container{margin-top:18px;padding:0}
.oxy-kt .form-card div.wpforms-container-full .wpforms-form .wpforms-submit-container{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:20px;padding:0;clear:both}
.oxy-kt .form-card div.wpforms-container-full .wpforms-form button[type=submit]{font-family:var(--body);font-weight:700;font-size:15px;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:160px;height:auto;padding:15px 26px;border-radius:100px;border:1.5px solid var(--pink-deep);background:var(--pink-deep);color:#fff;text-transform:none;letter-spacing:normal;box-shadow:none;cursor:pointer;transition:background .15s,transform .15s}
.oxy-kt .form-card div.wpforms-container-full .wpforms-form button[type=submit]:hover,.oxy-kt .form-card div.wpforms-container-full .wpforms-form button[type=submit]:focus{background:#d0175a;border:1.5px solid #d0175a;color:#fff;transform:translateY(-1px)}
.oxy-kt .form-card div.wpforms-container-full .wpforms-form .kt-form-note{font-size:13px;color:var(--muted);max-width:30em;margin:0;flex:1 1 16em}
.oxy-kt .form-card .wpforms-confirmation-container-full{margin:18px 0 0;border-radius:12px;background:var(--green-soft);border:1px solid #bfdcc8;padding:14px 16px}

.oxy-kt .aside{display:grid;gap:18px;min-width:0}
.oxy-kt .hours{background:var(--cream);border:1px solid var(--line);border-radius:20px;padding:24px}
.oxy-kt .hours h3{font-size:18px}
.oxy-kt .hours table{width:100%;border-collapse:collapse;border:0;margin:12px 0 0;font-size:14.5px;background:none}
.oxy-kt .hours tr,.oxy-kt .hours tr:nth-child(2n){background:none}
.oxy-kt .hours td{padding:8px 0;border:0;border-top:1px solid var(--line);background:none;color:var(--ink);font-size:14.5px;text-align:left}
.oxy-kt .hours td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.oxy-kt .hours tr.is-today td{color:var(--pink-deep);font-weight:700}
.oxy-kt .hours .next{margin-top:12px;font-size:13.5px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 12px}
.oxy-kt .hours .next b{font-family:var(--display)}
.oxy-kt .hours .fine{margin-top:12px;font-size:13px;color:var(--muted)}
.oxy-kt .links{border:1px solid var(--line);border-radius:20px;padding:22px 24px}
.oxy-kt .links h3{font-size:16px}
.oxy-kt .links p{font-size:13.5px;color:var(--muted);margin-top:4px}
.oxy-kt .links ul{margin:12px 0 0;display:grid}
.oxy-kt .links li a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line);text-decoration:none;font-weight:600;font-size:14.5px;color:var(--ink)}
.oxy-kt .links li a::after{content:"→";color:var(--pink-deep)}
.oxy-kt .links li a:hover{color:var(--pink-deep)}
.oxy-kt .social{display:flex;flex-wrap:wrap;gap:10px}
.oxy-kt .social a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:100px;padding:9px 14px 9px 10px;font-size:13.5px;font-weight:600;text-decoration:none;color:var(--ink)}
.oxy-kt .social a:hover{border-color:var(--ink);color:var(--ink)}
.oxy-kt .social svg{width:18px;height:18px;fill:var(--ink)}

/* 4. hitri odgovori */
.oxy-kt .quick{background:var(--blush);border-top:1px solid var(--line);padding-block:clamp(34px,5vw,56px)}
.oxy-kt .quick h2{font-size:clamp(24px,3vw,30px);margin-top:8px}
.oxy-kt .quick__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 40px;margin-top:24px}
.oxy-kt .qa b{display:block;font-family:var(--display);font-size:16px}
.oxy-kt .qa p{color:var(--muted);font-size:14.5px;margin-top:6px;max-width:46em}
.oxy-kt .qa a{color:var(--ink);font-weight:600}
@media (max-width:760px){.oxy-kt .quick__grid{grid-template-columns:1fr}}
