/* Scoped styles for the "Patnichko osiguruvanje" page template.
   Every rule is namespaced under .polisi .pk-patnichko and every class/id
   uses the pk- prefix so it cannot collide with the theme's CSS. */

.polisi .pk-patnichko{
    /* Palette equalized with the theme's own colors (css/style.css, css/custom.css):
       navy #0b2234 and accent blue #5697d1 are used site-wide. */
    --pk-navy:#0b2234;
    --pk-navy-2:#112C42;
    --pk-navy-soft:#1B3A54;
    --pk-blue-accent:#5697d1;
    --pk-blue-accent-dark:#5697d1;
    --pk-bg-light:#F3F8FC;
    --pk-bg-lighter:#E9F1F5;
    --pk-white:#FFFFFF;
    --pk-text-dark:#0b2234;
    --pk-text-body:rgba(11,34,52,.72);
    --pk-line:#DCE6EC;
    --pk-radius:16px;
    --pk-radius-sm:10px;
    --pk-shadow:0 10px 30px rgba(11,34,52,0.08);

    font-family:"Rubik", sans-serif;
    font-size:16px;
    font-weight:400;
    color:var(--pk-text-dark);
    background:var(--pk-white);
    line-height:1.4;
}
.polisi .pk-patnichko *{box-sizing:border-box;}
.polisi .pk-patnichko .pk-wrap{max-width:1120px;margin:0 auto;padding:0 24px;}
.polisi .pk-patnichko h1,.polisi .pk-patnichko h2,.polisi .pk-patnichko h3,.polisi .pk-patnichko h4{margin:0;font-weight:500;color:var(--pk-text-dark);}
.polisi .pk-patnichko p{margin:0;color:var(--pk-text-body);}
.polisi .pk-patnichko a{text-decoration:none;color:inherit;}
.polisi .pk-patnichko ul{margin:0;padding:0;list-style:none;}
.polisi .pk-patnichko .pk-eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-size:13px;font-weight:600;color:var(--pk-blue-accent-dark);
    text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;
}
.polisi .pk-patnichko .pk-eyebrow::before{content:"";width:22px;height:2px;background:var(--pk-blue-accent-dark);display:inline-block;}

/* ===== HERO ===== */
.polisi .pk-patnichko .pk-hero{
    background:linear-gradient(135deg,var(--pk-navy) 0%, var(--pk-navy-2) 55%, #0e2c44 100%);
    border-radius:28px;
    padding:64px 56px;
    color:var(--pk-white);
    position:relative;
    overflow:hidden;
    margin:32px 0;
}
.polisi .pk-patnichko .pk-hero::after{
    content:"";
    position:absolute;
    right:-120px;top:-140px;
    width:420px;height:420px;
    border-radius:50%;
    border:70px solid rgba(135,174,222,0.12);
}
.polisi .pk-patnichko .pk-hero::before{
    content:"";
    position:absolute;
    right:60px;bottom:-160px;
    width:280px;height:280px;
    border-radius:50%;
    border:2px solid rgba(135,174,222,0.35);
}
.polisi .pk-patnichko .pk-hero-inner{position:relative;z-index:2;max-width:640px;}
.polisi .pk-patnichko .pk-hero .pk-eyebrow{color:var(--pk-blue-accent);}
.polisi .pk-patnichko .pk-hero .pk-eyebrow::before{background:var(--pk-blue-accent);}
.polisi .pk-patnichko .pk-hero h1{font-size:44px;line-height:1.12;margin-bottom:14px;color:var(--pk-white);}
.polisi .pk-patnichko .pk-hero p.pk-lead{color:#C6D6E4;font-size:17px;max-width:520px;margin-bottom:32px;}
.polisi .pk-patnichko .pk-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:44px;}
.polisi .pk-patnichko .pk-btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:14px 26px;
    border-radius:999px;
    font-weight:500;font-size:14px;
    text-transform:uppercase;letter-spacing:.5px;
    border:1px solid transparent;
    cursor:pointer;
    transition:all .2s ease;
}
.polisi .pk-patnichko .pk-btn-primary{background:var(--pk-blue-accent);color:var(--pk-white);}
.polisi .pk-patnichko .pk-btn-primary:hover{background:var(--pk-navy);}
.polisi .pk-patnichko .pk-btn-outline{border-color:var(--pk-blue-accent);color:var(--pk-white);}
.polisi .pk-patnichko .pk-btn-outline:hover{background:var(--pk-blue-accent);border-color:transparent;}
.polisi .pk-patnichko .pk-btn-dark{background:var(--pk-navy);color:var(--pk-white);}
.polisi .pk-patnichko .pk-btn-dark:hover{background:var(--pk-blue-accent);}
.polisi .pk-patnichko .pk-btn-ghost-dark{border:1px solid var(--pk-navy);color:var(--pk-navy);}
.polisi .pk-patnichko .pk-btn-ghost-dark:hover{background:var(--pk-bg-light);}

.polisi .pk-patnichko .pk-hero-stats{display:flex;gap:0;flex-wrap:wrap;}
.polisi .pk-patnichko .pk-hero-stats .pk-stat{padding-right:40px;margin-right:40px;border-right:1px solid rgba(255,255,255,0.15);}
.polisi .pk-patnichko .pk-hero-stats .pk-stat:last-child{border-right:none;margin-right:0;padding-right:0;}
.polisi .pk-patnichko .pk-hero-stats .pk-stat .pk-num{font-size:28px;font-weight:800;color:var(--pk-white);display:block;}
.polisi .pk-patnichko .pk-hero-stats .pk-stat .pk-label{font-size:13px;color:#9FB4C6;}

/* ===== SECTION GENERIC ===== */
.polisi .pk-patnichko section{padding:64px 0;}
.polisi .pk-patnichko .pk-section-head{max-width:600px;margin-bottom:40px;}
.polisi .pk-patnichko .pk-section-head h2{font-size:30px;color:var(--pk-navy);margin-bottom:10px;}
.polisi .pk-patnichko .pk-section-head p{font-size:16px;}

/* ===== WHY US ===== */
.polisi .pk-patnichko .pk-why-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
.polisi .pk-patnichko .pk-why-card{
    background:var(--pk-bg-light);
    border:1px solid var(--pk-line);
    border-radius:var(--pk-radius);
    padding:28px 26px;
    transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.polisi .pk-patnichko .pk-why-card:hover{transform:translateY(-4px);box-shadow:var(--pk-shadow);background:var(--pk-white);}
.polisi .pk-patnichko .pk-why-icon{
    width:48px;height:48px;border-radius:12px;
    background:var(--pk-navy);
    display:flex;align-items:center;justify-content:center;
    font-size:20px;margin-bottom:16px;
}
.polisi .pk-patnichko .pk-why-icon i{color:var(--pk-blue-accent);}
.polisi .pk-patnichko .pk-why-card h4{font-size:17px;color:var(--pk-navy);margin-bottom:8px;}
.polisi .pk-patnichko .pk-why-card p{font-size:14.5px;}
.polisi .pk-patnichko .pk-why-card small{display:block;margin-top:8px;color:var(--pk-blue-accent-dark);font-weight:600;font-size:12.5px;}

/* ===== POLICIES SECTION ===== */
.polisi .pk-patnichko .pk-policies{background:var(--pk-bg-lighter);border-radius:28px;padding:56px;}
.polisi .pk-patnichko .pk-policy-tabs{
    display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px;
}
.polisi .pk-patnichko .pk-policy-tab{
    padding:12px 22px;
    border-radius:999px;
    background:var(--pk-white);
    border:1px solid var(--pk-line);
    font-weight:600;font-size:14.5px;color:var(--pk-text-dark);
    cursor:pointer;
    transition:all .2s ease;
}
.polisi .pk-patnichko .pk-policy-tab .pk-tag{display:block;font-weight:400;font-size:12px;color:var(--pk-text-body);margin-top:2px;}
.polisi .pk-patnichko .pk-policy-tab.pk-active{background:var(--pk-navy);color:var(--pk-white);border-color:var(--pk-navy);}
.polisi .pk-patnichko .pk-policy-tab.pk-active .pk-tag{color:#B9CBDB;}
.polisi .pk-patnichko .pk-policy-tab:hover:not(.pk-active){border-color:var(--pk-blue-accent-dark);}

.polisi .pk-patnichko .pk-policy-panel{display:none;}
.polisi .pk-patnichko .pk-policy-panel.pk-active{display:block;}
.polisi .pk-patnichko .pk-policy-panel .pk-panel-desc{margin-bottom:24px;font-size:15.5px;}

.polisi .pk-patnichko .pk-plans-grid{
    display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
}
.polisi .pk-patnichko .pk-plan-card{
    background:var(--pk-white);
    border-radius:var(--pk-radius);
    padding:26px 22px;
    border:1px solid var(--pk-line);
    display:flex;flex-direction:column;
    position:relative;
}
.polisi .pk-patnichko .pk-plan-card.pk-featured{
    border:2px solid var(--pk-blue-accent-dark);
    box-shadow:var(--pk-shadow);
}
.polisi .pk-patnichko .pk-plan-badge{
    position:absolute;top:-13px;left:22px;
    background:var(--pk-blue-accent-dark);color:var(--pk-white);
    font-size:11.5px;font-weight:700;
    padding:5px 12px;border-radius:999px;
    display:inline-flex;align-items:center;gap:4px;
}
.polisi .pk-patnichko .pk-badge-icon{display:inline-flex;width:12px;height:12px;flex-shrink:0;}
.polisi .pk-patnichko .pk-badge-icon svg{width:100%;height:100%;display:block;}
.polisi .pk-patnichko .pk-plan-badge.pk-diamond{background:var(--pk-navy);}
.polisi .pk-patnichko .pk-plan-name{font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--pk-blue-accent-dark);margin-bottom:6px;}
.polisi .pk-patnichko .pk-plan-title{font-size:19px;color:var(--pk-navy);margin-bottom:10px;}
.polisi .pk-patnichko .pk-plan-price{font-size:22px;font-weight:800;color:var(--pk-navy);margin-bottom:16px;}
.polisi .pk-patnichko .pk-plan-price span{font-size:13px;font-weight:500;color:var(--pk-text-body);}
.polisi .pk-patnichko .pk-plan-features{flex:1;margin-bottom:20px;}
.polisi .pk-patnichko .pk-plan-features li{
    font-size:13.5px;color:var(--pk-text-body);
    padding:0 0 0 20px;position:relative;margin-bottom:9px;
}
.polisi .pk-patnichko .pk-plan-features li::before{
    content:"✓";position:absolute;left:0;top:0;
    width:auto;height:auto;border-radius:0;display:inline;background:none;
    color:var(--pk-blue-accent-dark);font-weight:700;
}
.polisi .pk-patnichko .pk-plan-links{display:flex;flex-direction:column;gap:8px;}
.polisi .pk-patnichko .pk-plan-links a{font-size:13px;font-weight:600;text-align:center;}
.polisi .pk-patnichko .pk-plan-cta{background:var(--pk-navy);color:var(--pk-white);padding:10px;border-radius:999px;}
.polisi .pk-patnichko .pk-plan-cta:hover{background:var(--pk-navy-soft);}
.polisi .pk-patnichko .pk-plan-link-secondary{color:var(--pk-blue-accent-dark);padding:8px;}
.polisi .pk-patnichko .pk-plan-note{margin-top:22px;font-size:12.5px;color:var(--pk-text-body);}
.polisi .pk-patnichko .pk-plan-simple{
    background:var(--pk-white);
    border:1px dashed var(--pk-line);
    border-radius:var(--pk-radius);
    padding:26px 22px;
    display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;
}
.polisi .pk-patnichko .pk-plan-simple .pk-plan-icon{
    width:38px;height:38px;border-radius:10px;
    background:var(--pk-bg-light);color:var(--pk-navy);
    display:flex;align-items:center;justify-content:center;
    font-size:16px;margin-bottom:14px;
}
.polisi .pk-patnichko .pk-plan-simple .pk-plan-title{font-size:17px;color:var(--pk-navy);margin-bottom:10px;}
.polisi .pk-patnichko .pk-plan-simple p{font-size:14px;margin-bottom:20px;}
.polisi .pk-patnichko .pk-plan-simple .pk-plan-link-secondary{padding:0;text-align:left;font-weight:600;}

/* ===== TABLE ===== */
.polisi .pk-patnichko .pk-table-wrap{overflow-x:auto;border-radius:var(--pk-radius);border:1px solid var(--pk-line);}
.polisi .pk-patnichko table{
    width:100%;border-collapse:collapse;font-size:13.5px;min-width:680px;
    margin:0;padding:0;border-radius:0;overflow:visible;border:none!important;
}
.polisi .pk-patnichko thead th{
    background:var(--pk-navy);color:var(--pk-white);
    padding:14px 16px;text-align:left;font-weight:600;font-size:13px;
}
.polisi .pk-patnichko thead th:not(:first-child){text-align:center;}
.polisi .pk-patnichko tbody td{padding:12px 16px;border-bottom:1px solid var(--pk-line);color:var(--pk-text-body);width:auto;}
.polisi .pk-patnichko tbody td:not(:first-child){text-align:center;font-weight:600;color:var(--pk-navy);white-space:nowrap;}
.polisi .pk-patnichko tbody tr:nth-child(even){background:var(--pk-bg-light);}
.polisi .pk-patnichko tbody td:first-child{color:var(--pk-text-dark);}
.polisi .pk-patnichko .pk-table-wrap tbody tr:first-child{background:none;color:inherit;}
.polisi .pk-patnichko .pk-table-wrap tbody tr:first-child td{background:none;color:var(--pk-text-body);}
.polisi .pk-patnichko .pk-table-wrap tbody tr:first-child td:not(:first-child){color:var(--pk-navy);}
.polisi .pk-patnichko .pk-table-wrap tbody tr:first-child td:first-child{color:var(--pk-text-dark);}
.polisi .pk-patnichko .pk-table-wrap tbody tr:hover,
.polisi .pk-patnichko .pk-table-wrap tbody tr:nth-child(odd):hover{background:none;}
.polisi .pk-patnichko .pk-table-wrap tbody tr:nth-child(even):hover{background:var(--pk-bg-light);}
.polisi .pk-patnichko .pk-table-wrap tbody tr:hover td,
.polisi .pk-patnichko .pk-table-wrap tbody tr:nth-child(odd):hover td{background:none;color:var(--pk-text-body);}
.polisi .pk-patnichko .pk-table-wrap tbody tr:hover td:not(:first-child){color:var(--pk-navy);}
.polisi .pk-patnichko .pk-table-wrap tbody tr:hover td:first-child{color:var(--pk-text-dark);}

/* ===== STEPS ===== */
.polisi .pk-patnichko .pk-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.polisi .pk-patnichko .pk-step-card{
    background:var(--pk-white);
    border:1px solid var(--pk-line);
    border-radius:var(--pk-radius);
    padding:26px 22px;
    position:relative;
}
.polisi .pk-patnichko .pk-step-num{
    width:38px;height:38px;border-radius:50%;
    background:var(--pk-bg-light);color:var(--pk-navy);
    display:flex;align-items:center;justify-content:center;
    font-weight:800;font-size:15px;margin-bottom:16px;
    border:1px solid var(--pk-line);
}
.polisi .pk-patnichko .pk-step-card h4{font-size:15.5px;color:var(--pk-navy);margin-bottom:8px;}
.polisi .pk-patnichko .pk-step-card p{font-size:13.5px;}

/* ===== FINAL CTA ===== */
.polisi .pk-patnichko .pk-final-cta{
    background:linear-gradient(120deg,var(--pk-navy) 0%, var(--pk-navy-2) 100%);
    border-radius:28px;
    padding:56px;
    text-align:center;
    color:var(--pk-white);
}
.polisi .pk-patnichko .pk-final-cta .pk-eyebrow{color:var(--pk-blue-accent);justify-content:center;}
.polisi .pk-patnichko .pk-final-cta .pk-eyebrow::before{display:none;}
.polisi .pk-patnichko .pk-final-cta h2{font-size:30px;margin-bottom:12px;color:var(--pk-white);}
.polisi .pk-patnichko .pk-final-cta p{color:#C6D6E4;max-width:560px;margin:0 auto 30px;}
.polisi .pk-patnichko .pk-final-cta .pk-cta-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:22px;}
.polisi .pk-patnichko .pk-final-cta .pk-fine{font-size:13px;color:#8FA5B8;}

/* ===== QUOTE REQUEST MODAL ===== */
.polisi .pk-patnichko .pk-modal{
    display:none;
    position:fixed;top:0;left:0;width:100%;height:100%;
    z-index:100000;
    align-items:center;justify-content:center;
    padding:24px;
}
.polisi .pk-patnichko .pk-modal.pk-modal-open{display:flex;}
.polisi .pk-patnichko .pk-modal-overlay{
    position:absolute;top:0;left:0;width:100%;height:100%;
    background:rgba(11,34,52,.6);
    cursor:pointer;
}
.polisi .pk-patnichko .pk-modal-dialog{
    position:relative;z-index:1;
    background:var(--pk-white);
    border-radius:var(--pk-radius);
    padding:40px 44px;
    width:100%;max-width:640px;
    max-height:90vh;overflow-y:auto;
    box-shadow:0 20px 60px rgba(11,34,52,.35);
}
.polisi .pk-patnichko .pk-modal-close{
    position:absolute;top:14px;right:14px;
    width:32px;height:32px;border-radius:50%;
    border:none;background:var(--pk-bg-light);color:var(--pk-navy);
    font-size:20px;line-height:1;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    transition:background .2s ease;
}
.polisi .pk-patnichko .pk-modal-close:hover{background:var(--pk-line);}
.polisi .pk-patnichko .pk-modal-dialog h3{font-size:22px;color:var(--pk-navy);margin-bottom:8px;padding-right:28px;}
.polisi .pk-patnichko .pk-modal-plan-label{font-size:13px;color:var(--pk-text-body);margin-bottom:8px;}
.polisi .pk-patnichko .pk-modal-plan{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px;}
.polisi .pk-patnichko .pk-modal-plan-chip{
    display:inline-flex;align-items:center;
    padding:6px 14px;border-radius:999px;
    font-size:13px;font-weight:600;
}
.polisi .pk-patnichko .pk-modal-plan-chip-policy{background:var(--pk-bg-light);color:var(--pk-navy);border:1px solid var(--pk-line);}
.polisi .pk-patnichko .pk-modal-plan-chip-tier{background:var(--pk-blue-accent);color:var(--pk-white);}
/* Field styling itself is inherited from the theme's .contact .form
   rules (css/style.css) since the shortcode is wrapped in the same
   .contact .form markup used on /kontakt/ — only the modal-specific
   two-column row and textarea height need adjusting here. */
.polisi .pk-patnichko .pk-modal-form.contact,
.polisi .pk-patnichko .pk-modal-form.contact:hover{padding:0;box-shadow:none;}
.polisi .pk-patnichko .pk-modal-form .form{margin:0;}
.polisi .pk-patnichko .pk-modal-form textarea.form-control{height:80px!important;}
.polisi .pk-patnichko .pk-modal-form .form-group,
.polisi .pk-patnichko .pk-modal-form .form-group:hover,
.polisi .pk-patnichko .pk-modal-form .form-group:focus{box-shadow:none;}
.polisi .pk-patnichko .pk-modal-form .pk-modal-row{display:flex;gap:16px;}
.polisi .pk-patnichko .pk-modal-form .pk-modal-row .form-group{flex:1 1 0;min-width:0;}
.polisi .pk-patnichko .pk-modal-form .wpcf7-not-valid-tip{color:#c0392b;font-size:12.5px;margin-top:-10px;margin-bottom:14px;}
.polisi .pk-patnichko .pk-modal-form .wpcf7-response-output{
    margin-top:8px;padding:12px 14px;border-radius:var(--pk-radius-sm);
    font-size:13.5px;border:1px solid var(--pk-line);
}

@media (max-width: 900px){
    .polisi .pk-patnichko .pk-why-grid{grid-template-columns:repeat(2,1fr);}
    .polisi .pk-patnichko .pk-plans-grid{grid-template-columns:repeat(2,1fr);}
    .polisi .pk-patnichko .pk-steps-grid{grid-template-columns:repeat(2,1fr);}
    .polisi .pk-patnichko .pk-hero{padding:44px 28px;}
    .polisi .pk-patnichko .pk-hero h1{font-size:32px;}
    .polisi .pk-patnichko .pk-policies{padding:32px 20px;}
    .polisi .pk-patnichko .pk-final-cta{padding:40px 24px;}
}
@media (max-width: 560px){
    .polisi .pk-patnichko .pk-why-grid, .polisi .pk-patnichko .pk-plans-grid, .polisi .pk-patnichko .pk-steps-grid{grid-template-columns:1fr;}
    .polisi .pk-patnichko .pk-hero-stats{gap:24px;}
    .polisi .pk-patnichko .pk-hero-stats .pk-stat{padding-right:0;margin-right:0;border-right:none;}
    .polisi .pk-patnichko .pk-modal-dialog{padding:28px 22px;}
    .polisi .pk-patnichko .pk-modal-form .pk-modal-row{flex-direction:column;gap:0;}
}