/* Ambient Depth Utilities */
html, body {
    font-family: 'Onest', sans-serif !important;
}

.glass-panel {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.5);
}
        
.mesh-bg {
    background-color: #f0f9ff;
    background-image: 
        radial-gradient(at 80% 0%, hsla(199,100%,94%,1) 0px, transparent 50%),
        radial-gradient(at 0% 50%, hsla(210,100%,94%,1) 0px, transparent 50%);
}

/* Fluid Typography overrides */
.text-fluid-h1 { font-size: clamp(2.5rem, 5vw, 4rem); line-height: 1.1; }
.text-fluid-h2 { font-size: clamp(2rem, 4vw, 3rem); line-height: 1.2; }
.text-fluid-h3 { font-size: clamp(1.25rem, 2vw, 1.75rem); line-height: 1.3; }

/* Accessible focus styles */
*:focus-visible {
    outline: 2px solid #0ea5e9;
    outline-offset: 4px;
}

/* Scrollbar hide for switcher */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Oblikovanje paginacije za category.php in ostale arhive */
.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 9999px;
    font-weight: 500;
    color: #475569; /* text-slate-600 */
    transition: all 0.3s ease;
}
.page-numbers:hover {
    background-color: #f8fafc; /* bg-slate-50 */
}
.page-numbers.current {
    background-color: #f0f9ff; /* bg-brand-50 */
    color: #0284c7; /* text-brand-600 */
    font-weight: 700;
}
.page-numbers.prev, .page-numbers.next {
    color: #94a3b8; /* text-slate-400 */
}
.page-numbers.prev:hover, .page-numbers.next:hover {
    color: #0ea5e9; /* hover:text-brand-500 */
    background-color: transparent;
}
ul.page-numbers {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background-color: #ffffff;
    border: 1px solid #f1f5f9; /* border-slate-100 */
    padding: 0.5rem;
    border-radius: 9999px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* ==========================================
   AMBIENT OZADJE ZA ARHIVE (BLOG / KATEGORIJE)
   ========================================== */
.mesh-bg-category {
    background-color: #f8fafc;
    background-image: 
        radial-gradient(at 20% 0%, hsla(199,100%,94%,0.8) 0px, transparent 40%),
        radial-gradient(at 80% 20%, hsla(210,100%,94%,0.6) 0px, transparent 40%),
        radial-gradient(at 50% 50%, hsla(0,0%,100%,1) 0px, transparent 100%);
}

/* ==========================================
   OBLIKOVANJE VSEBINE PRISPEVKA (.editorial-content)
   ========================================== */
.editorial-content p { margin-bottom: 1.5rem; }

.poudarki-heading {
	font-size: 18px !important;
}

/* Naslovi - če jih uporabnik dejansko izbere v Gutenbergu */
.editorial-content h2, .editorial-content h3, .editorial-content h4 {
    color: #0f172a;
    font-weight: 700;
    clear: both;
}
.editorial-content h2 { 
    font-size: clamp(1.75rem, 3vw, 2.25rem); 
    line-height: 1.2; 
    margin-top: 3rem; 
    margin-bottom: 1.5rem; 
    letter-spacing: -0.01em;
}
.editorial-content h3 { 
    font-size: clamp(1.25rem, 2vw, 1.5rem); 
    line-height: 1.3; 
    margin-top: 2rem; 
    margin-bottom: 1rem; 
}

/* Seznami */
.editorial-content ul { margin-bottom: 1.5rem; padding-left: 1.5rem; list-style-type: none; }
.editorial-content ul li { position: relative; margin-bottom: 0.75rem; padding-left: 1.5rem; }
.editorial-content ul li::before {            
    content: ''; position: absolute; left: 0; top: 0.65rem; width: 6px; height: 6px;            
    border-radius: 50%; background-color: #0ea5e9;pointer-events: none !important;        
}

/* Citati in linki */
.editorial-content blockquote { 
    margin: 2.5rem 0; padding: 1.5rem 2rem; 
    border-left: 4px solid #0ea5e9; background-color: #f8fafc; 
    border-radius: 0 1.5rem 1.5rem 0; font-style: italic; font-weight: 500; color: #1e293b;
}
.editorial-content a {
    color: #0ea5e9; font-weight: 600; text-decoration: underline; text-decoration-thickness: 2px;
    text-underline-offset: 4px; text-decoration-color: #bae6fd; transition: all 0.3s ease;
}
.editorial-content a:hover { color: #0284c7; text-decoration-color: #0284c7; }

/* ==========================================
   AMBIENT OZADJE ZA STRAN EKIPA
   ========================================== */
.mesh-bg-team {
    background-color: #f8fafc;
    background-image: 
        radial-gradient(at 0% 0%, hsla(199,100%,94%,0.8) 0px, transparent 40%),
        radial-gradient(at 100% 100%, hsla(210,100%,94%,0.8) 0px, transparent 40%),
        radial-gradient(at 50% 50%, hsla(0,0%,100%,1) 0px, transparent 100%);
}

/* ==========================================
   OBLIKOVANJE NAVADNIH GUTENBERG BLOKOV NA STRANEH
   ========================================== */
main#main-content > p,
main#main-content > h1,
main#main-content > h2,
main#main-content > h3,
main#main-content > h4,
main#main-content > ul,
main#main-content > ol {
    max-width: 48rem; /* Omejitev širine (enako kot max-w-3xl) */
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    color: #475569;
    font-size: 1.125rem;
    line-height: 1.625;
    font-weight: 300;
}
main#main-content > p { margin-bottom: 1.5rem; }
main#main-content > h2 { font-size: clamp(1.75rem, 3vw, 2.25rem); color: #0f172a; font-weight: 700; margin-top: 3rem; margin-bottom: 1.5rem; letter-spacing: -0.01em; }
main#main-content > h3 { font-size: clamp(1.25rem, 2vw, 1.5rem); color: #0f172a; font-weight: 700; margin-top: 2rem; margin-bottom: 1rem; }

/* ==========================================
   AMBIENT OZADJE ZA STRAN STORITVE
   ========================================== */
.mesh-bg-services {
    background-color: #f8fafc;
    background-image: 
        radial-gradient(at 80% 0%, hsla(199,100%,94%,0.8) 0px, transparent 50%),
        radial-gradient(at 0% 50%, hsla(210,100%,94%,0.6) 0px, transparent 50%),
        radial-gradient(at 50% 100%, hsla(0,0%,100%,1) 0px, transparent 100%);
}

/* ==========================================
   AMBIENT OZADJE ZA POSAMEZNO STORITEV (SINGLE)
   ========================================== */
.mesh-bg-service {
    background-color: #f8fafc;
    background-image: 
        radial-gradient(at 10% 20%, hsla(199,100%,94%,0.8) 0px, transparent 50%),
        radial-gradient(at 90% 80%, hsla(210,100%,94%,0.8) 0px, transparent 50%),
        radial-gradient(at 50% 50%, hsla(0,0%,100%,1) 0px, transparent 100%);
}
/* ==========================================
   GUTENBERG VSEBINA (Klinična razlaga)
   ========================================== */
.single-storitve .gutenberg-content {
    color: #475569; /* text-slate-600 */
    font-weight: 300; /* font-light */
    font-size: 1.125rem; /* text-lg */
    line-height: 1.625;
}

/* Razmaki med odstavki */
.single-storitve .gutenberg-content p {
    margin-bottom: 1.5rem;
}

/* Naslovi (H2 in H3) */
.single-storitve .gutenberg-content h2,
.single-storitve .gutenberg-content h3 {
    color: #0f172a; /* text-slate-900 */
    font-weight: 700; /* font-bold */
}

.single-storitve .gutenberg-content h2 {
    font-size: clamp(1.875rem, 3vw, 2.25rem);
    margin-bottom: 2rem;
    margin-top: 0;
    line-height: 1.2;
    letter-spacing: -0.025em;
}

.single-storitve .gutenberg-content h3 {
    font-size: 1.5rem; /* text-2xl */
    margin-top: 2.5rem;
    margin-bottom: 1rem;
}

/* Krepko besedilo (Bold) */
.single-storitve .gutenberg-content strong {
    font-weight: 600;
    color: #0f172a;
}

.single-storitve .gutenberg-content .px-4{
	padding-left: 0px !important;
    padding-right: 0px !important;
	margin-top: 0px;
}
.single-storitve .gutenberg-content .border-t{
	border: none;
    padding: 0px;
}
/* CF7 Popravek za Kontaktno podstran */
.cf7-custom-input input,
.cf7-custom-textarea textarea {
    width: 100% !important;
    background-color: #f8fafc !important; /* bg-slate-50 */
    border: 1px solid #e2e8f0 !important; /* border-slate-200 */
    border-radius: 20px !important;
    padding: 1rem 1.25rem !important;
    outline: none !important;
    transition: all 0.3s ease !important;
    color: #0f172a !important; /* text-slate-900 */
    font-size: 1rem !important;
}

.cf7-custom-textarea textarea[name="your-message"] {
    height: 170px !important;
    rows: 3 !important;
}

.cf7-custom-textarea textarea {
    border-radius: 24px !important;
    resize: none !important;
}

.cf7-custom-input input:focus,
.cf7-custom-textarea textarea:focus {
    background-color: #ffffff !important;
    border-color: #0ea5e9 !important;
    box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.1) !important;
}

/* Placeholder barva */
.cf7-custom-input input::placeholder,
.cf7-custom-textarea textarea::placeholder {
    color: #94a3b8 !important; /* text-slate-400 */
    font-weight: 400;
}

/* CF7 sistemski popravek - prepreči zamike */
.wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
}
/* Odstranitev avtomatskih CF7 prelomov vrstic, ki kvarijo gumbe in postavitev */
.wpcf7-form br {
    display: none !important;
}

.wpcf7-form p {
    margin-bottom: 0 !important;
}

/* Zagotovimo, da gumb ohrani flex strukturo ne glede na vsebino */
.wpcf7-form button[type="submit"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/***/

/* CF7 Popravek za obrazec na DOMAČI STRANI */
.cf7-home-input input,
.cf7-home-textarea textarea {
    width: 100% !important;
    background-color: #f8fafc !important; /* bg-slate-50 */
    border: 1px solid #f1f5f9 !important; /* border-slate-100 */
    border-radius: 20px !important;
    padding: 1rem 1.25rem !important;
    outline: none !important;
    transition: all 0.3s ease !important;
    color: #1e293b !important; /* text-slate-800 */
    font-size: 1rem !important;
}

.cf7-home-textarea textarea {
    min-height: 120px !important; /* Prilagodi po želji */
    height: 120px !important;
    resize: none !important;
}

.cf7-home-input input:focus,
.cf7-home-textarea textarea:focus {
    background-color: #ffffff !important;
    border-color: #0ea5e9 !important;
    box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.1) !important;
}

/* Placeholder barva za domač obrazec */
.cf7-home-input input::placeholder,
.cf7-home-textarea textarea::placeholder {
    color: #94a3b8 !important;
    font-weight: 300;
}

.text-fluid-h1 {
    font-size: 72px !important;
    font-weight: 800 !important;
    line-height: 75.6px !important; /* Lahko tudi 75px */
    letter-spacing: -1.44px !important;
}

/* 2. Nastavitve za TELEFONE (Sorazmerno zmanjšano, da ne uniči ekrana) */

/* Modro prelivajoče ozadje za Kontakt stran */
.mesh-bg-contact {
    background-color: #f8fafc;
    background-image: 
        radial-gradient(at 0% 0%, hsla(199,100%,94%,0.8) 0px, transparent 50%),
        radial-gradient(at 100% 0%, hsla(210,100%,94%,0.8) 0px, transparent 50%),
        radial-gradient(at 50% 100%, hsla(0,0%,100%,1) 0px, transparent 100%);
}

/* ==========================================
   WP ADMIN BAR FIX
   Prepreči, da bi WordPress vrstica prekrila meni
   ========================================== */
body.admin-bar header.fixed {
    top: 32px !important;
}

/* ==========================================
   STILI IZKLJUČNO ZA BLOG PRISPEVEK (.single-post)
   ========================================== */

/* 1. Popravek H1 naslova na 56px (3.5rem) */
.single-post .text-fluid-h1 {
    font-size: clamp(2.25rem, 5vw, 3.5rem) !important; 
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
    font-weight: 800 !important;
}

/* 2. Editorial Content - Razmaki in pisava */
.single-post .editorial-content {
    color: #475569; /* text-slate-600 */
    font-weight: 300; /* font-light */
    line-height: 1.625;
}

.single-post .editorial-content p {
    margin-bottom: 1.5rem;
}

/* 3. Seznami v blogu in popravek utripanja miške */
.single-post .editorial-content ul {
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
    list-style-type: none;
}

.single-post .editorial-content ul li {
    position: relative;
    margin-bottom: 0.75rem;
    padding-left: 1.5rem;
}

.single-post .editorial-content ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.65rem;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #0ea5e9;
    /* Rešitev za utripanje kurzorja: */
    pointer-events: none; 
}

/* 4. Povezave znotraj vsebine bloga */
.single-post .editorial-content a {
    color: #0ea5e9;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
    text-decoration-color: #bae6fd;
    transition: all 0.3s ease;
}

.single-post .editorial-content a:hover {
    color: #0284c7;
    text-decoration-color: #0284c7;
}

/* 5. Citati (Blockquotes) v blogu */
.single-post .editorial-content blockquote {
    margin: 2.5rem 0;
    padding: 1.5rem 2rem;
    border-left: 4px solid #0ea5e9;
    background-color: #f8fafc;
    border-radius: 0 1.5rem 1.5rem 0;
    font-style: italic;
    font-weight: 500;
    color: #1e293b;
}

/* 6. Naslovi znotraj vsebine (H2, H3) */
.single-post .editorial-content h2 {
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    color: #0f172a;
    font-weight: 700;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    letter-spacing: -0.01em;
}

.single-post .editorial-content h3 {
    font-size: clamp(1.25rem, 2vw, 1.5rem);
    color: #0f172a;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

/* 7. Krepko besedilo znotraj editorial-content */
.single-post .editorial-content strong {
    font-weight: 600;
    color: #0f172a;
}

/* Odstranitev spodnjega odmika pri drobtinicah na blogu */
.single-post nav[aria-label="Drobtinice"].mb-6 {
    margin-bottom: 0 !important;
}

/* ==========================================
   SLIKE ZNOTRAJ VSEBINE BLOGA (.single-post .editorial-content)
   ========================================== */

/* 1. Okvir za sliko (element <figure> iz Gutenberga) */
.single-post .editorial-content figure.wp-block-image {
    margin-top: 3rem !important; /* mb-12 */
    margin-bottom: 3rem !important; /* mb-12 */
    overflow: hidden !important; /* Zaokrožimo tudi podlago napisa */
    position: relative !important;
    border-radius: 1.5rem !important; /* rounded-[24px] skladno z dizajnom */
    background-color: #f8fafc !important; /* bg-accent-50 - svetlo siva podlaga za napis */
}

/* Mobilna odzivnost za vogale */
@media (max-width: 768px) {
    .single-post .editorial-content figure.wp-block-image {
        border-radius: 1rem !important;
    }
}

/* 2. Sama slika (element <img>) */
.single-post .editorial-content figure.wp-block-image img {
    border-radius: 1.5rem 1.5rem 0 0 !important; /* rounded-t-[24px] - zaokrožimo samo zgornje vogale slike, spodaj je napis */
    object-fit: cover !important;
    border: 1px solid #f1f5f9 !important; /* border-slate-100 */
}

/* Mobilna odzivnost za vogale slike */
@media (max-width: 768px) {
    .single-post .editorial-content figure.wp-block-image img {
        border-radius: 1rem 1rem 0 0 !important;
    }
}

/* 3. Napis pod sliko (element <figcaption>) */
.single-post .editorial-content figure.wp-block-image figcaption {
    text-align: center !important; /* Sredinska poravnava */
    padding: 0.75rem !important; /* text-sm / p-3 */
    font-size: 12px !important; /* text-sm */
    color: #64748b !important; /* text-slate-500 za navaden napis */
    font-weight: 300 !important; /* font-light */
    line-height: 1.4 !important;
    border-top: 1px solid #f1f5f9 !important; /* border-slate-100 */
    border-radius: 0 0 1.5rem 1.5rem !important; /* rounded-b-[24px] skladno z dizajnom */
	margin: 0px;
}

/* ==========================================
   AMBIENT OZADJE ZA 404 STRAN
   ========================================== */
.mesh-bg-404 {
    background-color: #f8fafc;
    background-image: 
        radial-gradient(at 50% 0%, hsla(199,100%,94%,0.8) 0px, transparent 50%),
        radial-gradient(at 50% 100%, hsla(210,100%,94%,0.6) 0px, transparent 50%);
}


/* Na mobilnih napravah in manjših tablicah je WP vrstica nekoliko debelejša (46px) */
@media screen and (max-width: 782px) {
    body.admin-bar header.fixed {
        top: 46px !important;
    }
}

@media (max-width: 768px) {
    .text-fluid-h1 {
        font-size: 40px !important;
        line-height: 44px !important;
        letter-spacing: -0.8px !important;
    }
}

/* ==========================================
   HERO OPIS (Storitve - Specifični stili za 16px)
   ========================================== */
.hero-editorial-content p { 
    margin-bottom: 1.25rem; 
}

.hero-editorial-content ul { 
    margin-bottom: 1.5rem; 
    padding-left: 0; 
    list-style-type: none; 
}

.hero-editorial-content ul li { 
    position: relative; 
    margin-bottom: 0.75rem; 
    padding-left: 18px; 
}

.hero-editorial-content ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px; /* Centrirano specifično za 16px/leading-relaxed */
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #0ea5e9;
    pointer-events: none;
}

.hero-editorial-content strong,
.hero-editorial-content b {
    font-weight: 700;
    color: #0f172a; /* text-slate-900 za oster kontrast */
}