/* Agrimatco NPK calculator — Devgren theme integration. Load after site CSS. */
#npk-calculator {
    --npk-green: var(--primary-color, #009640);
    --npk-text: var(--paragraph, #303030);
    --npk-heading: var(--heading-color, #0e0e0e);
    --npk-muted: var(--span, #888888);
    --npk-border: var(--border, #d9d9d9);
    --npk-soft: var(--sub-bg, #f5f5f5);
    font-family: var(--inter, 'Inter', sans-serif);
    color: var(--npk-text);
    line-height: 1.65;
}
#npk-calculator *,#npk-calculator *::before,#npk-calculator *::after{
    box-sizing:border-box
}
#npk-calculator h1,#npk-calculator h2,#npk-calculator h3{
    font-family:inherit;
    color:var(--npk-heading)
}
#npk-calculator h1{
    font-size:clamp(28px,3vw,40px);
    font-weight:700;
    line-height:1.25;
    margin-bottom:12px!important
}
#npk-calculator .npk-panel{
    background:#fff;
    border:1px solid var(--npk-border);
    border-radius:18px;
    padding:30px;
    margin-bottom:25px;
    
}
#npk-calculator .npk-title{
    font-size:clamp(19px,2vw,24px);
    font-weight:700;
    line-height:1.4;
    margin-bottom:22px;
    padding-bottom:14px;
    border-bottom:1px solid var(--npk-border)
}
#npk-calculator .form-label{
    display:block;
    font-size:14px;
    font-weight:600;
    color:var(--npk-heading);
    margin-bottom:8px
}
#npk-calculator .form-control,#npk-calculator .form-select,#npk-calculator input:not([type=checkbox]):not([type=radio]),#npk-calculator textarea,#npk-calculator select{
    font-family:inherit;
    color:var(--npk-text);
    background:#fff;
    border:1px solid var(--npk-border);
    border-radius:10px;
    min-height:48px;
    padding:10px 14px;
    box-shadow:none;
    max-width:100%;
    transition:border-color .2s ease,box-shadow .2s ease
}
#npk-calculator textarea{
    min-height:110px;
    resize:vertical
}
#npk-calculator .form-control:focus,#npk-calculator .form-select:focus,#npk-calculator input:focus,#npk-calculator textarea:focus,#npk-calculator select:focus{
    border-color:var(--npk-green);
    outline:0;
    
}
#npk-calculator .nav-pills{
    border-bottom:1px solid var(--npk-border);
    padding-bottom:16px;
    flex-wrap:wrap
}
#npk-calculator .nav-pills .nav-link{
    border:1px solid var(--npk-border);
    border-radius:100px;
    padding:11px 22px;
    font-weight:600;
    font-size:15px;
    line-height:1.4;
    color:var(--npk-heading);
    background:#fff;
    transition:all .25s ease
}
#npk-calculator .nav-pills .nav-link:hover{
    border-color:var(--npk-green);
    color:var(--npk-green)
}
#npk-calculator .nav-pills .nav-link.active{
    background:var(--npk-green);
    border-color:var(--npk-green);
    color:#fff
}
#npk-calculator .btn{
    font-family:inherit;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:47px;
    padding:11px 22px;
    border-radius:100px;
    font-size:15px;
    font-weight:600;
    line-height:1.4;
    transition:all .25s ease;
    cursor:pointer
}
#npk-calculator .btn-primary,#npk-calculator .btn-success{
    background:var(--npk-green);
    border:2px solid var(--npk-green);
    color:#fff
}
#npk-calculator .btn-primary:hover,#npk-calculator .btn-success:hover{
    background:#fff;
    border-color:var(--npk-green);
    color:var(--npk-green)
}
#npk-calculator .btn-outline-success,#npk-calculator .btn-outline-primary{
    background:#fff;
    border:2px solid var(--npk-green);
    color:var(--npk-green)
}
#npk-calculator .btn-outline-success:hover,#npk-calculator .btn-outline-primary:hover{
    background:var(--npk-green);
    color:#fff
}
#npk-calculator .btn-outline-danger{
    border:1px solid #d9d9d9;
    color:#b62c2c;
    background:#fff
}
#npk-calculator .btn-outline-danger:hover{
    background:#b62c2c;
    border-color:#b62c2c;
    color:#fff
}
#npk-calculator .npk-stat{
    background:var(--npk-soft);
    border:1px solid var(--npk-border);
    border-radius:14px;
    padding:20px;
    height:100%;
    min-height:132px
}
#npk-calculator .npk-stat strong{
    display:block;
    font-size:clamp(23px,2.5vw,30px);
    font-weight:700;
    line-height:1.4;
    color:var(--npk-green);
    overflow-wrap:anywhere;
    margin:6px 0
}
#npk-calculator .npk-stat small{
    display:block;
    color:var(--npk-muted);
    font-size:13px;
    line-height:1.5
}
#npk-calculator .table-responsive{
    border:1px solid var(--npk-border);
    border-radius:12px;
    overflow-x:auto
}
#npk-calculator .table{
    width:100%;
    margin-bottom:0;
    border-color:var(--npk-border);
    color:var(--npk-text);
    font-size:14px
}
#npk-calculator .table th{
    background:var(--npk-soft);
    color:var(--npk-heading);
    font-weight:700;
    padding:14px 12px;
    vertical-align:middle
}
#npk-calculator .table td{
    padding:12px;
    vertical-align:middle;
    background:#fff
}
#npk-calculator .table-striped tbody tr:nth-of-type(odd) td{
    background:#fafafa
}
#npk-calculator .table .form-control{
    min-width:85px;
    min-height:42px;
    padding:8px 10px;
    font-size:14px
}
#npk-calculator .npk-note{
    font-size:14px;
    line-height:1.65;
    color:var(--npk-muted)
}
#npk-calculator .npk-amount{
    font-weight:700;
    white-space:nowrap;
    color:var(--npk-heading)
}
#npk-calculator .text-muted{
    color:var(--npk-muted)!important
}
#npk-calculator #npk-message{
    font-size:14px;
    line-height:1.6
}
#npk-calculator .npk-honeypot{
    position:absolute!important;
    left:-9999px!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    opacity:0!important
}
@media(max-width:767px){
    #npk-calculator.npk-embedded,#npk-calculator{
        padding-left:12px!important;
        padding-right:12px!important
    }
    #npk-calculator .npk-panel{
        padding:19px 16px;
        border-radius:14px
    }
    #npk-calculator .nav-pills .nav-link{
        padding:10px 16px;
        font-size:14px
    }
    #npk-calculator .npk-stat{
        padding:15px;
        min-height:115px
    }
    #npk-calculator .table{
        min-width:690px
    }
    #npk-calculator .btn{
        padding:10px 17px
    }
}
