/**


 * Agrovaru Kontakt — Frontend Styles v4


 * Suuremad kirjad, rohkem õhku, visuaalselt atraktiivsem


 */





/* ─────────────────────────────────────────────


   BAAS


───────────────────────────────────────────── */


.agk {


    --agk-yellow:       #F4B800;


    --agk-yellow-dark:  #D4A000;


    --agk-yellow-light: #FFFBEE;


    --agk-yellow-mid:   #FFE082;


    --agk-dark:         #1A1A1A;


    --agk-text:         #1A1A1A;


    --agk-muted:        #7A7A7A;


    --agk-muted-lt:     #ABABAB;


    --agk-border:       #EBEBEB;


    --agk-border-hover: #D0D0D0;


    --agk-bg:           #F7F7F7;


    --agk-white:        #ffffff;


    --agk-accent:       #F4B800;


    --agk-accent-dark:  #D4A000;


    --agk-radius:       6px;





    color: var(--agk-text);


    line-height: 1.6;


    font-size: 16px;


    box-sizing: border-box;


    font-family: inherit;


}





.agk *, .agk *::before, .agk *::after { box-sizing: border-box; }


.agk ul  { list-style: none; margin: 0; padding: 0; }


.agk p   { margin: 0; }


.agk a   { color: var(--agk-text); text-decoration: none; transition: color .15s; }


.agk a:hover { color: var(--agk-yellow-dark); }


.agk h2, .agk h3, .agk h4 { margin: 0; font-weight: 800; color: var(--agk-text); line-height: 1.2; }





.agk-icon    { width: 24px; height: 24px; display: inline-block; vertical-align: middle; flex-shrink: 0; }


.agk-icon-sm { width: 16px; height: 16px; display: inline-block; vertical-align: middle; flex-shrink: 0; }





/* Sektsioonisilt */


.agk-region-label {


    font-size: 11px; font-weight: 800;


    letter-spacing: .12em; text-transform: uppercase;


    color: var(--agk-muted); margin: 24px 0 12px;


    display: flex; align-items: center; gap: 10px;


}


.agk-region-label::before {


    content: '';


    width: 20px; height: 2px;


    background: var(--agk-yellow);


    display: inline-block; flex-shrink: 0;


}





/* Üldkontakt pill */


.agk-gpill {


    display: inline-flex; align-items: center; gap: 7px;


    padding: 8px 16px;


    background: var(--agk-yellow-light);


    border: 1px solid var(--agk-yellow-mid);


    border-radius: var(--agk-radius);


    font-size: 14px; color: var(--agk-dark); font-weight: 600;


    transition: background .15s;


}


.agk-gpill:hover { background: var(--agk-yellow-mid); color: var(--agk-dark); }


.agk-gbar { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 20px; }





/* Kontaktlink */


.agk-lnk {


    display: inline-flex; align-items: center; gap: 6px;


    font-size: 14px; color: var(--agk-muted);


    transition: color .15s;


}


.agk-lnk:hover { color: var(--agk-dark); }





/* Avataar */


.agk-av {


    border-radius: 50%;


    background: var(--agk-yellow);


    color: var(--agk-dark);


    display: flex; align-items: center; justify-content: center;


    font-weight: 800; flex-shrink: 0; letter-spacing: .02em;


}





/* CTA */


.agk-cta-row { text-align: center; margin: 48px 0 16px; }


.agk-cta-button {


    display: inline-block; padding: 16px 48px;


    background: var(--agk-yellow); color: var(--agk-dark) !important;


    font-weight: 800; font-size: 15px;


    text-transform: uppercase; letter-spacing: .08em;


    text-decoration: none !important;


    border-radius: var(--agk-radius);


    transition: background .2s, transform .15s;


}


.agk-cta-button:hover { background: var(--agk-yellow-dark); transform: translateY(-2px); }





/* ─────────────────────────────────────────────


   SWITCHER


───────────────────────────────────────────── */


.agk-switcher-wrap { position: relative; }





.agk-switcher {


    display: flex; align-items: center; gap: 8px; flex-wrap: wrap;


    padding: 12px 20px; margin-bottom: 36px;


    background: var(--agk-white);


    border: 1px solid var(--agk-border);


    border-top: 4px solid var(--agk-yellow);


    box-shadow: 0 2px 12px rgba(0,0,0,.06);


}


.agk-switcher-label {


    font-size: 11px; font-weight: 800; letter-spacing: .1em;


    text-transform: uppercase; color: var(--agk-muted-lt);


    margin-right: 6px; flex-shrink: 0;


}


.agk-switcher-btn {


    padding: 8px 20px;


    border: 1.5px solid var(--agk-border);


    background: transparent;


    color: var(--agk-muted);


    font-size: 12px; font-weight: 800;


    letter-spacing: .06em; text-transform: uppercase;


    cursor: pointer; border-radius: var(--agk-radius);


    transition: all .15s; white-space: nowrap;


}


.agk-switcher-btn:hover {


    border-color: var(--agk-yellow);


    color: var(--agk-dark);


    background: var(--agk-yellow-light);


}


.agk-switcher-btn.is-active {


    background: var(--agk-yellow);


    color: var(--agk-dark);


    border-color: var(--agk-yellow);


}


.agk-panel[hidden] { display: none !important; }





/* ─────────────────────────────────────────────


   ASUKOHAD


───────────────────────────────────────────── */


.agk-locations-section {


    margin-top: 60px; padding-top: 40px;


    border-top: 1px solid var(--agk-border);


}


.agk-locations-header {


    display: flex; align-items: center; gap: 10px; margin-bottom: 24px;


}


.agk-locations-heading {


    font-size: 20px; text-transform: uppercase; letter-spacing: .05em;


}


.agk-locations-pin { color: var(--agk-yellow); }


.agk-locations-grid {


    display: grid;


    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));


    gap: 20px;


}


.agk-loc-card {


    border: 1px solid var(--agk-border);


    background: var(--agk-white);


    border-radius: var(--agk-radius);


    overflow: hidden;


    transition: border-color .2s, box-shadow .2s;


}


.agk-loc-card:hover {


    border-color: var(--agk-yellow);


    box-shadow: 0 4px 20px rgba(0,0,0,.08);


}


.agk-loc-card-body { padding: 24px; }


.agk-loc-name {


    font-size: 17px; font-weight: 800;


    text-transform: uppercase; letter-spacing: .04em; margin-bottom: 4px;


}


.agk-loc-company { font-size: 13px; color: var(--agk-muted); margin-bottom: 16px; }


.agk-loc-details { margin: 0; }


.agk-loc-row {


    display: flex; align-items: flex-start; gap: 10px;


    padding: 5px 0; font-size: 14px;


}


.agk-loc-row dt { color: var(--agk-yellow); flex-shrink: 0; padding-top: 2px; }


.agk-loc-row dd { margin: 0; line-height: 1.5; }


.agk-loc-row--meta { font-size: 12px; color: var(--agk-muted); }


.agk-loc-row--meta dt { color: var(--agk-muted-lt); font-weight: 700; }


.agk-loc-link { color: var(--agk-text); }


.agk-loc-link:hover { color: var(--agk-yellow-dark); text-decoration: underline; }


.agk-loc-card-footer {


    display: flex; gap: 10px; flex-wrap: wrap;


    padding: 14px 24px; border-top: 1px solid var(--agk-border);


    background: var(--agk-bg);


}


.agk-loc-map-btn {


    display: inline-flex; align-items: center; gap: 7px;


    padding: 8px 16px; border: 1px solid var(--agk-border);


    background: var(--agk-white); color: var(--agk-text) !important;


    font-size: 13px; font-weight: 700; text-transform: uppercase;


    letter-spacing: .05em; border-radius: var(--agk-radius);


    transition: border-color .15s, background .15s;


}


.agk-loc-map-btn:hover {


    border-color: var(--agk-yellow);


    background: var(--agk-yellow-light);


}





/* ═══════════════════════════════════════════


   V1 — KAARDID


═══════════════════════════════════════════ */


.agk-style-cards .agk-cards-dept { margin-bottom: 56px; }


.agk-style-cards .agk-cards-dept-head {


    display: flex; align-items: center; gap: 12px;


    margin-bottom: 20px; padding-bottom: 18px;


    border-bottom: 2px solid var(--agk-border);


}


.agk-style-cards .agk-cards-dept-icon { color: var(--agk-yellow); }


.agk-style-cards .agk-cards-dept-title {


    font-size: 20px; font-weight: 800;


    text-transform: uppercase; letter-spacing: .04em;


}





.agk-style-cards .agk-cards-general { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 20px; }


.agk-style-cards .agk-cards-general-label { font-size: 13px; color: var(--agk-muted); }


.agk-style-cards .agk-cards-general-pill {


    display: inline-flex; align-items: center; gap: 7px;


    padding: 8px 16px; background: var(--agk-yellow-light);


    border: 1px solid var(--agk-yellow-mid);


    border-radius: var(--agk-radius);


    font-size: 14px; color: var(--agk-dark); font-weight: 600;


}


.agk-style-cards .agk-cards-general-pill:hover { background: var(--agk-yellow-mid); }





.agk-style-cards .agk-cards-region {


    font-size: 11px; font-weight: 800; letter-spacing: .12em;


    text-transform: uppercase; color: var(--agk-muted);


    margin: 28px 0 14px;


    display: flex; align-items: center; gap: 10px;


}


.agk-style-cards .agk-cards-region::before {


    content: ''; width: 20px; height: 2px;


    background: var(--agk-yellow); display: inline-block;


}





.agk-style-cards .agk-cards-grid {


    display: grid;


    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));


    gap: 16px;


}





.agk-style-cards .agk-card-item {


    background: var(--agk-white);


    border: 1px solid var(--agk-border);


    border-radius: var(--agk-radius);


    padding: 28px 20px 22px;


    display: flex; flex-direction: column; align-items: center;


    text-align: center;


    transition: border-color .2s, box-shadow .2s, transform .2s;


    position: relative; overflow: hidden;


}


.agk-style-cards .agk-card-item::before {


    content: '';


    position: absolute; top: 0; left: 0; right: 0;


    height: 4px; background: var(--agk-yellow);


    transform: scaleX(0); transform-origin: left;


    transition: transform .25s ease;


}


.agk-style-cards .agk-card-item:hover {


    border-color: var(--agk-border-hover);


    box-shadow: 0 8px 32px rgba(0,0,0,.10);


    transform: translateY(-3px);


}


.agk-style-cards .agk-card-item:hover::before { transform: scaleX(1); }





.agk-style-cards .agk-card-avatar {


    width: 64px; height: 64px; border-radius: 50%;


    background: var(--agk-yellow); color: var(--agk-dark);


    display: flex; align-items: center; justify-content: center;


    font-size: 20px; font-weight: 800;


    margin-bottom: 16px;


}


.agk-style-cards .agk-card-name {


    font-size: 16px; font-weight: 800; margin-bottom: 4px;


}


.agk-style-cards .agk-card-role {


    font-size: 13px; color: var(--agk-muted);


    line-height: 1.4; margin-bottom: 16px;


}


.agk-style-cards .agk-card-contacts {


    width: 100%; display: flex; flex-direction: column; gap: 6px;


    padding-top: 14px;


    border-top: 1px solid var(--agk-border);


}


.agk-style-cards .agk-card-contacts a {


    display: flex; align-items: center; justify-content: center; gap: 6px;


    font-size: 13px; color: var(--agk-muted); padding: 3px 0;


}


.agk-style-cards .agk-card-contacts a:hover { color: var(--agk-dark); }





/* ═══════════════════════════════════════════


   V2 — NIMEKIRI


═══════════════════════════════════════════ */


.agk-style-list .agk-list-dept { margin-bottom: 48px; }





.agk-style-list .agk-list-dept-head {


    display: flex; align-items: center; gap: 12px;


    background: var(--agk-dark);


    padding: 16px 24px; margin-bottom: 0;


    border-radius: var(--agk-radius) var(--agk-radius) 0 0;


}


.agk-style-list .agk-list-dept-icon { color: var(--agk-yellow); }


.agk-style-list .agk-list-dept-title {


    font-size: 15px; font-weight: 800;


    text-transform: uppercase; letter-spacing: .08em;


    color: #fff; flex: 1;


}


.agk-style-list .agk-list-count {


    background: var(--agk-yellow); color: var(--agk-dark);


    font-size: 11px; font-weight: 800;


    padding: 3px 10px; border-radius: 20px;


    letter-spacing: .05em; text-transform: uppercase;


}





.agk-style-list .agk-list-general {


    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;


    padding: 14px 24px;


    background: var(--agk-yellow-light);


    border-left: 4px solid var(--agk-yellow);


    border-right: 1px solid var(--agk-border);


}


.agk-style-list .agk-list-general-label {


    font-size: 11px; font-weight: 800; color: var(--agk-muted);


    text-transform: uppercase; letter-spacing: .08em;


}


.agk-style-list .agk-list-general-link {


    display: inline-flex; align-items: center; gap: 6px;


    font-size: 14px; font-weight: 600; color: var(--agk-dark);


}





.agk-style-list .agk-list-region {


    font-size: 11px; font-weight: 800; letter-spacing: .1em;


    text-transform: uppercase; color: var(--agk-muted);


    padding: 18px 24px 8px;


    display: flex; align-items: center; gap: 10px;


    background: var(--agk-white);


    border-left: 1px solid var(--agk-border);


    border-right: 1px solid var(--agk-border);


}


.agk-style-list .agk-list-region::before {


    content: ''; width: 16px; height: 2px;


    background: var(--agk-yellow); display: inline-block;


}





.agk-style-list .agk-list-rows {


    border: 1px solid var(--agk-border);


    border-top: none;


    border-radius: 0 0 var(--agk-radius) var(--agk-radius);


    overflow: hidden;


}


.agk-style-list .agk-list-row {


    display: flex; align-items: center; gap: 16px;


    padding: 16px 24px;


    border-bottom: 1px solid var(--agk-border);


    background: var(--agk-white);


    transition: background .12s;


}


.agk-style-list .agk-list-row:last-child { border-bottom: none; }


.agk-style-list .agk-list-row:hover { background: var(--agk-bg); }





.agk-style-list .agk-list-avatar {


    width: 44px; height: 44px; border-radius: 50%;


    background: var(--agk-yellow); color: var(--agk-dark);


    display: flex; align-items: center; justify-content: center;


    font-size: 14px; font-weight: 800; flex-shrink: 0;


}


.agk-style-list .agk-list-info { flex: 1; min-width: 0; }


.agk-style-list .agk-list-name  { font-size: 16px; font-weight: 700; display: block; }


.agk-style-list .agk-list-role  { font-size: 13px; color: var(--agk-muted); display: block; margin-top: 2px; }


.agk-style-list .agk-list-area {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-top: 4px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #1A1A1A !important;
}


.agk-icon-xs { width: 12px; height: 12px; display: inline-block; vertical-align: middle; flex-shrink: 0; }


.agk-lang-flags { display: none; }


.agk-lang-flag-old { display: none; }
.agk-style-list .agk-list-area  {
    font-size: 12px; color: var(--agk-muted-lt); display: flex; align-items: center;
    gap: 3px; margin-top: 3px;
}
.agk-icon-xs { width: 12px; height: 12px; display: inline-block; vertical-align: middle; flex-shrink: 0; }
.agk-lang-flags { display: none; }
.agk-lang-flag-old { display: none; }


.agk-style-list .agk-list-contacts-old { display: none; }


.agk-style-list .agk-list-link {


    display: flex; align-items: center; gap: 6px;


    font-size: 13px; color: var(--agk-muted);


}


.agk-style-list .agk-list-link:hover { color: var(--agk-dark); }





/* ═══════════════════════════════════════════


   V3 — AKORDION


═══════════════════════════════════════════ */


.agk-style-accordion .agk-accordion { display: flex; flex-direction: column; gap: 10px; }





.agk-style-accordion .agk-acc-item {


    border: 1px solid var(--agk-border);


    border-radius: var(--agk-radius);


    background: var(--agk-white);


    overflow: hidden;


    transition: box-shadow .2s;


}


.agk-style-accordion .agk-acc-item[open] {


    box-shadow: 0 4px 20px rgba(0,0,0,.08);


    border-color: var(--agk-border-hover);


}





.agk-style-accordion .agk-acc-summary {


    display: flex; align-items: center; gap: 14px;


    padding: 20px 24px; cursor: pointer;


    background: var(--agk-bg);


    list-style: none; user-select: none;


    transition: background .15s;


}


.agk-style-accordion .agk-acc-summary::-webkit-details-marker { display: none; }


.agk-style-accordion .agk-acc-summary:hover { background: var(--agk-yellow-light); }





.agk-style-accordion .agk-acc-item[open] > .agk-acc-summary {


    background: var(--agk-dark);


}


.agk-style-accordion .agk-acc-item[open] .agk-acc-title { color: #fff; }


.agk-style-accordion .agk-acc-item[open] .agk-acc-icon { color: var(--agk-yellow); }





.agk-style-accordion .agk-acc-icon { color: var(--agk-yellow); flex-shrink: 0; }


.agk-style-accordion .agk-acc-title {


    font-size: 16px; font-weight: 800; flex: 1;


    text-transform: uppercase; letter-spacing: .05em;


}


.agk-style-accordion .agk-acc-badge {


    font-size: 11px; padding: 4px 12px; border-radius: 20px;


    background: rgba(255,255,255,.15); color: rgba(255,255,255,.7);


    font-weight: 700; text-transform: uppercase; letter-spacing: .05em;


}


.agk-style-accordion .agk-acc-item:not([open]) .agk-acc-badge {


    background: rgba(0,0,0,.07); color: var(--agk-muted);


}


.agk-style-accordion .agk-acc-item[open] .agk-acc-badge {


    background: var(--agk-yellow); color: var(--agk-dark);


}


.agk-style-accordion .agk-acc-chevron {


    color: var(--agk-muted-lt); transition: transform .25s; flex-shrink: 0;


}


.agk-style-accordion .agk-acc-item[open] .agk-acc-chevron {


    transform: rotate(90deg); color: var(--agk-yellow);


}





.agk-style-accordion .agk-acc-body { padding: 28px; }





.agk-style-accordion .agk-acc-general {


    display: flex; align-items: center; gap: 10px; flex-wrap: wrap;


    margin-bottom: 20px; padding-bottom: 20px;


    border-bottom: 1px solid var(--agk-border);


}


.agk-style-accordion .agk-acc-general strong {


    font-size: 11px; text-transform: uppercase;


    letter-spacing: .08em; color: var(--agk-muted);


}


.agk-style-accordion .agk-acc-general-link {


    display: inline-flex; align-items: center; gap: 6px;


    font-size: 14px; color: var(--agk-muted);


    padding: 7px 16px; border: 1px solid var(--agk-border);


    border-radius: var(--agk-radius); font-weight: 600;


    transition: all .15s;


}


.agk-style-accordion .agk-acc-general-link:hover {


    border-color: var(--agk-yellow); color: var(--agk-dark);


    background: var(--agk-yellow-light);


}





.agk-style-accordion .agk-acc-region {


    font-size: 11px; font-weight: 800; letter-spacing: .12em;


    text-transform: uppercase; color: var(--agk-muted);


    margin: 22px 0 14px;


    display: flex; align-items: center; gap: 10px;


}


.agk-style-accordion .agk-acc-region::before {


    content: ''; width: 16px; height: 2px;


    background: var(--agk-yellow); display: inline-block;


}





.agk-style-accordion .agk-acc-grid {


    display: grid;


    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));


    gap: 12px;


}


.agk-style-accordion .agk-acc-emp {


    display: flex; gap: 14px; padding: 16px;


    background: var(--agk-bg); border-radius: var(--agk-radius);


    border-left: 4px solid var(--agk-yellow);


}


.agk-style-accordion .agk-acc-emp-avatar {


    width: 40px; height: 40px; border-radius: 50%;


    background: var(--agk-yellow); color: var(--agk-dark);


    display: flex; align-items: center; justify-content: center;


    font-size: 13px; font-weight: 800; flex-shrink: 0;


}


.agk-style-accordion .agk-acc-emp-name { font-size: 15px; font-weight: 700; }


.agk-style-accordion .agk-acc-emp-role {


    font-size: 12px; color: var(--agk-muted); margin-bottom: 8px; margin-top: 1px;


}


.agk-style-accordion .agk-acc-link {


    display: flex; align-items: center; gap: 5px;


    font-size: 13px; color: var(--agk-muted); margin-top: 4px;


}


.agk-style-accordion .agk-acc-link:hover { color: var(--agk-dark); }





/* ═══════════════════════════════════════════


   V4 — SIDEBAR


═══════════════════════════════════════════ */


.agk-style-sidebar .agk-sidebar {


    display: grid;


    grid-template-columns: 200px 1fr;


    border: 1px solid var(--agk-border);


    border-radius: var(--agk-radius);


    overflow: hidden;


    box-shadow: 0 4px 24px rgba(0,0,0,.07);


    min-height: 440px;


}





.agk-style-sidebar .agk-sidebar-nav {


    background: var(--agk-dark);


    display: flex; flex-direction: column;


}





.agk-style-sidebar .agk-sidebar-brand {


    padding: 24px 20px 18px;


    border-bottom: 1px solid rgba(255,255,255,.08);


    margin-bottom: 6px;


}


.agk-style-sidebar .agk-sidebar-brand strong {


    display: block; color: var(--agk-yellow);


    font-size: 15px; font-weight: 800;


    text-transform: uppercase; letter-spacing: .08em;


}


.agk-style-sidebar .agk-sidebar-brand span {


    font-size: 12px; color: rgba(255,255,255,.25); margin-top: 2px; display: block;


}





.agk-style-sidebar .agk-sidebar-tab {


    display: flex; align-items: center; gap: 10px;


    padding: 14px 20px; width: 100%; text-align: left;


    background: none; border: none; cursor: pointer;


    color: rgba(255,255,255,.4);


    font-size: 13px; font-weight: 700;


    text-transform: uppercase; letter-spacing: .06em;


    transition: all .15s;


    border-left: 3px solid transparent;


}


.agk-style-sidebar .agk-sidebar-tab:hover {


    background: rgba(255,255,255,.05);


    color: rgba(255,255,255,.75);


    border-left-color: rgba(244,184,0,.4);


}


.agk-style-sidebar .agk-sidebar-tab.is-active {


    background: rgba(244,184,0,.1);


    color: var(--agk-yellow);


    border-left-color: var(--agk-yellow);


}


.agk-style-sidebar .agk-sidebar-tab-icon { flex-shrink: 0; opacity: .7; }


.agk-style-sidebar .agk-sidebar-tab.is-active .agk-sidebar-tab-icon { opacity: 1; }





.agk-style-sidebar .agk-sidebar-content {


    padding: 32px; background: var(--agk-white);


}


.agk-style-sidebar .agk-sidebar-panel { display: none; }


.agk-style-sidebar .agk-sidebar-panel.is-active { display: block; }





.agk-style-sidebar .agk-sidebar-panel-head {


    padding-bottom: 18px; margin-bottom: 20px;


    border-bottom: 1px solid var(--agk-border);


}


.agk-style-sidebar .agk-sidebar-panel-title {


    font-size: 22px; font-weight: 800;


    text-transform: uppercase; letter-spacing: .04em;


}


.agk-style-sidebar .agk-sidebar-panel-count {


    font-size: 12px; color: var(--agk-muted); display: block;


    margin-top: 4px; text-transform: uppercase; letter-spacing: .07em;


}





.agk-style-sidebar .agk-sidebar-general {


    display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 18px;


}


.agk-style-sidebar .agk-sidebar-general-label {


    font-size: 11px; font-weight: 800; color: var(--agk-muted);


    text-transform: uppercase; letter-spacing: .09em;


}


.agk-style-sidebar .agk-sidebar-general-pill {


    display: inline-flex; align-items: center; gap: 6px;


    padding: 7px 14px; background: var(--agk-yellow-light);


    border: 1px solid var(--agk-yellow-mid); border-radius: var(--agk-radius);


    font-size: 14px; color: var(--agk-dark); font-weight: 600;


}


.agk-style-sidebar .agk-sidebar-general-pill:hover { background: var(--agk-yellow-mid); }





.agk-style-sidebar .agk-sidebar-region {


    font-size: 11px; font-weight: 800; letter-spacing: .1em;


    text-transform: uppercase; color: var(--agk-muted);


    margin: 20px 0 10px; display: flex; align-items: center; gap: 8px;


}


.agk-style-sidebar .agk-sidebar-region::before {


    content: ''; width: 14px; height: 2px;


    background: var(--agk-yellow); display: inline-block;


}





.agk-style-sidebar .agk-sidebar-row {


    display: flex; align-items: center; gap: 14px;


    padding: 14px 0; border-bottom: 1px solid var(--agk-border);


}


.agk-style-sidebar .agk-sidebar-row:last-child { border-bottom: none; }


.agk-style-sidebar .agk-sidebar-row:hover { background: transparent; }





.agk-style-sidebar .agk-sidebar-avatar {


    width: 42px; height: 42px; border-radius: 50%;


    background: var(--agk-yellow); color: var(--agk-dark);


    display: flex; align-items: center; justify-content: center;


    font-size: 13px; font-weight: 800; flex-shrink: 0;


}


.agk-style-sidebar .agk-sidebar-emp-name { font-size: 15px; font-weight: 700; display: block; }


.agk-style-sidebar .agk-sidebar-emp-role {


    font-size: 12px; color: var(--agk-muted); display: block; margin-top: 2px;


}


.agk-style-sidebar .agk-sidebar-emp-info { flex: 1; min-width: 0; }


.agk-style-sidebar .agk-sidebar-emp-links {


    display: flex; flex-direction: column; gap: 5px; align-items: flex-end;


}


.agk-style-sidebar .agk-sidebar-link {


    display: flex; align-items: center; gap: 5px;


    font-size: 13px; color: var(--agk-muted);


}


.agk-style-sidebar .agk-sidebar-link:hover { color: var(--agk-dark); }





@media (max-width: 620px) {


    .agk-style-sidebar .agk-sidebar { grid-template-columns: 1fr; }


    .agk-style-sidebar .agk-sidebar-nav { flex-direction: row; overflow-x: auto; min-height: auto; }


    .agk-style-sidebar .agk-sidebar-brand { display: none; }


    .agk-style-sidebar .agk-sidebar-tab { flex-shrink: 0; white-space: nowrap; }


}





/* ═══════════════════════════════════════════


   V5 — EDITORIAL


═══════════════════════════════════════════ */


.agk-style-editorial .agk-editorial-hero {


    background: var(--agk-yellow);


    padding: 40px 48px;


    margin-bottom: 28px;


    border-radius: var(--agk-radius);


    display: grid;


    grid-template-columns: 1fr auto;


    gap: 40px;


    align-items: center;


}


.agk-style-editorial .agk-editorial-eyebrow {


    font-size: 11px; font-weight: 800; letter-spacing: .14em;


    text-transform: uppercase; color: rgba(0,0,0,.4);


    margin-bottom: 8px;


    display: flex; align-items: center; gap: 10px;


}


.agk-style-editorial .agk-editorial-eyebrow::before {


    content: ''; width: 20px; height: 2px;


    background: rgba(0,0,0,.3); display: inline-block;


}


.agk-style-editorial .agk-editorial-headline {


    font-size: 30px; font-weight: 800; color: var(--agk-dark);


    line-height: 1.15; text-transform: uppercase; letter-spacing: .02em;


}


.agk-style-editorial .agk-editorial-hero-contacts {


    display: flex; flex-direction: column; gap: 22px;


    border-left: 2px solid rgba(0,0,0,.15);


    padding-left: 36px; min-width: 200px;


}


.agk-style-editorial .agk-editorial-hero-label {


    display: block; font-size: 10px; font-weight: 800;


    letter-spacing: .12em; text-transform: uppercase;


    color: rgba(0,0,0,.35); margin-bottom: 5px;


}


.agk-style-editorial .agk-editorial-hero-val {


    display: flex; align-items: center; gap: 7px;


    font-size: 15px; color: var(--agk-dark); font-weight: 700;


}


.agk-style-editorial .agk-editorial-hero-val:hover { color: var(--agk-dark-2, #333); }





.agk-style-editorial .agk-editorial-strip {


    display: flex; gap: 0; flex-wrap: wrap;


    margin-bottom: 28px;


    border-bottom: 2px solid var(--agk-border);


}


.agk-style-editorial .agk-editorial-pill {


    display: inline-flex; align-items: center; gap: 7px;


    padding: 12px 24px; border: none; background: transparent;


    font-size: 13px; font-weight: 800;


    text-transform: uppercase; letter-spacing: .07em;


    cursor: pointer; color: var(--agk-muted);


    border-bottom: 3px solid transparent; margin-bottom: -2px;


    transition: all .15s;


}


.agk-style-editorial .agk-editorial-pill:hover { color: var(--agk-dark); }


.agk-style-editorial .agk-editorial-pill.is-active {


    color: var(--agk-dark); border-bottom-color: var(--agk-yellow);


}





.agk-style-editorial .agk-editorial-panel { display: none; }


.agk-style-editorial .agk-editorial-panel.is-active { display: block; }





.agk-style-editorial .agk-editorial-general {


    display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 20px;


}


.agk-style-editorial .agk-editorial-general-label {


    font-size: 11px; font-weight: 800; text-transform: uppercase;


    letter-spacing: .09em; color: var(--agk-muted);


}


.agk-style-editorial .agk-editorial-general-pill {


    display: inline-flex; align-items: center; gap: 6px;


    padding: 7px 16px; background: var(--agk-yellow-light);


    border: 1px solid var(--agk-yellow-mid); border-radius: var(--agk-radius);


    font-size: 14px; color: var(--agk-dark); font-weight: 600;


}


.agk-style-editorial .agk-editorial-general-pill:hover { background: var(--agk-yellow-mid); }





.agk-style-editorial .agk-editorial-region {


    font-size: 11px; font-weight: 800; letter-spacing: .12em;


    text-transform: uppercase; color: var(--agk-muted);


    margin: 22px 0 14px; display: flex; align-items: center; gap: 10px;


}


.agk-style-editorial .agk-editorial-region::before {


    content: ''; width: 20px; height: 2px;


    background: var(--agk-yellow); display: inline-block;


}





.agk-style-editorial .agk-editorial-grid {


    display: grid;


    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));


    gap: 14px;


}


.agk-style-editorial .agk-editorial-emp {


    display: flex; gap: 16px;


    padding: 20px;


    border: 1px solid var(--agk-border);


    border-radius: var(--agk-radius);


    background: var(--agk-white);


    transition: border-color .2s, box-shadow .2s, transform .2s;


    border-top: 3px solid var(--agk-yellow);


}


.agk-style-editorial .agk-editorial-emp:hover {


    border-color: var(--agk-border-hover);


    box-shadow: 0 6px 24px rgba(0,0,0,.09);


    transform: translateY(-2px);


}


.agk-style-editorial .agk-editorial-emp-avatar {


    width: 50px; height: 50px; border-radius: 50%;


    background: var(--agk-yellow); color: var(--agk-dark);


    display: flex; align-items: center; justify-content: center;


    font-size: 16px; font-weight: 800; flex-shrink: 0;


}


.agk-style-editorial .agk-editorial-emp-name {


    font-size: 16px; font-weight: 800; margin-bottom: 2px;


}


.agk-style-editorial .agk-editorial-emp-role {


    font-size: 12px; color: var(--agk-muted); margin-bottom: 10px;


    text-transform: uppercase; letter-spacing: .05em;


}


.agk-style-editorial .agk-editorial-link {


    display: flex; align-items: center; gap: 6px;


    font-size: 13px; color: var(--agk-muted); margin-top: 4px;


}


.agk-style-editorial .agk-editorial-link:hover { color: var(--agk-dark); }





@media (max-width: 640px) {


    .agk-style-editorial .agk-editorial-hero {


        grid-template-columns: 1fr; padding: 28px 24px;


    }


    .agk-style-editorial .agk-editorial-hero-contacts {


        border-left: none; padding-left: 0;


        border-top: 1px solid rgba(0,0,0,.12); padding-top: 20px;


        flex-direction: row; flex-wrap: wrap; gap: 16px;


    }


}





/* ═══════════════════════════════════════════


   PARANDUS: V1 Kaardid overflow fix


   Suuremad minimumlaiused, email wrap


═══════════════════════════════════════════ */


.agk-style-cards .agk-cards-grid {


    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));


}


.agk-style-cards .agk-card-contacts a span {


    word-break: break-all;


    font-size: 12px;


}





/* ═══════════════════════════════════════════


   V6 — LAIAD KAARDID


   Horisontaalne: avatar | nimi+roll | kontaktid


═══════════════════════════════════════════ */


.agk-style-wide .agk-wide-dept { margin-bottom: 52px; }





.agk-style-wide .agk-wide-dept-head {


    display: flex; align-items: center; gap: 12px;


    padding: 0 0 18px; margin-bottom: 20px;


    border-bottom: 2px solid var(--agk-border);


}


.agk-style-wide .agk-wide-dept-icon { color: var(--agk-yellow); }


.agk-style-wide .agk-wide-dept-title {


    font-size: 20px; font-weight: 800;


    text-transform: uppercase; letter-spacing: .04em;


}





.agk-style-wide .agk-wide-general {


    display: flex; align-items: center; gap: 10px; flex-wrap: wrap;


    padding: 12px 20px;


    background: var(--agk-yellow-light);


    border-left: 4px solid var(--agk-yellow);


    border-radius: var(--agk-radius);


    margin-bottom: 16px;


}


.agk-style-wide .agk-wide-general-label {


    font-size: 11px; font-weight: 800; text-transform: uppercase;


    letter-spacing: .09em; color: var(--agk-muted);


}


.agk-style-wide .agk-wide-gpill {


    display: inline-flex; align-items: center; gap: 6px;


    font-size: 14px; font-weight: 600; color: var(--agk-dark);


    padding: 6px 14px; background: rgba(255,255,255,.7);


    border: 1px solid var(--agk-yellow-mid); border-radius: var(--agk-radius);


}


.agk-style-wide .agk-wide-gpill:hover { background: var(--agk-yellow-mid); }





.agk-style-wide .agk-wide-region {


    font-size: 11px; font-weight: 800; letter-spacing: .12em;


    text-transform: uppercase; color: var(--agk-muted);


    margin: 24px 0 12px;


    display: flex; align-items: center; gap: 10px;


}


.agk-style-wide .agk-wide-region::before {


    content: ''; width: 20px; height: 2px;


    background: var(--agk-yellow); display: inline-block;


}





.agk-style-wide .agk-wide-grid { display: flex; flex-direction: column; gap: 10px; }





.agk-style-wide .agk-wide-card {


    display: grid;


    grid-template-columns: 56px 1fr auto;


    align-items: center; gap: 20px;


    padding: 18px 24px;


    background: var(--agk-white);


    border: 1px solid var(--agk-border);


    border-radius: var(--agk-radius);


    border-left: 4px solid transparent;


    transition: border-color .2s, box-shadow .2s;


}


.agk-style-wide .agk-wide-card:hover {


    border-left-color: var(--agk-yellow);


    box-shadow: 0 4px 20px rgba(0,0,0,.08);


}





.agk-style-wide .agk-wide-avatar {


    width: 52px; height: 52px; border-radius: 50%;


    background: var(--agk-yellow); color: var(--agk-dark);


    display: flex; align-items: center; justify-content: center;


    font-size: 16px; font-weight: 800; flex-shrink: 0;


}


.agk-style-wide .agk-wide-name { font-size: 16px; font-weight: 700; }


.agk-style-wide .agk-wide-role { font-size: 13px; color: var(--agk-muted); margin-top: 3px; }





.agk-style-wide .agk-wide-contacts {


    display: flex; flex-direction: column; gap: 7px;


    align-items: flex-end; min-width: 200px;


}


.agk-style-wide .agk-wide-link {


    display: flex; align-items: center; gap: 7px;


    font-size: 14px; color: var(--agk-muted); white-space: nowrap;


}


.agk-style-wide .agk-wide-link:hover { color: var(--agk-dark); }


.agk-style-wide .agk-wide-link span { overflow: hidden; text-overflow: ellipsis; }





@media (max-width: 640px) {


    .agk-style-wide .agk-wide-card {


        grid-template-columns: 48px 1fr;


        grid-template-rows: auto auto;


    }


    .agk-style-wide .agk-wide-contacts {


        grid-column: 1 / -1; align-items: flex-start;


        flex-direction: row; flex-wrap: wrap; min-width: auto;


    }


}





/* ═══════════════════════════════════════════


   V7 — VÄRVILINE


   Kollane bänner osakonnale, kaardid gridis


═══════════════════════════════════════════ */


.agk-style-vivid .agk-vivid-dept { margin-bottom: 48px; border-radius: var(--agk-radius); overflow: hidden; border: 1px solid var(--agk-border); }





.agk-style-vivid .agk-vivid-banner {


    display: flex; align-items: center; justify-content: space-between;


    gap: 20px; flex-wrap: wrap;


    padding: 22px 28px;


    background: var(--agk-yellow);


}


.agk-style-vivid .agk-vivid-banner-left { display: flex; align-items: center; gap: 14px; }


.agk-style-vivid .agk-vivid-icon { color: var(--agk-dark); opacity: .6; }


.agk-style-vivid .agk-vivid-title {


    font-size: 18px; font-weight: 800;


    text-transform: uppercase; letter-spacing: .05em; color: var(--agk-dark);


}


.agk-style-vivid .agk-vivid-sub {


    font-size: 12px; color: rgba(0,0,0,.45); display: block; margin-top: 2px;


    font-weight: 700; text-transform: uppercase; letter-spacing: .07em;


}


.agk-style-vivid .agk-vivid-banner-right { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }


.agk-style-vivid .agk-vivid-glabel {


    font-size: 11px; font-weight: 800; color: rgba(0,0,0,.45);


    text-transform: uppercase; letter-spacing: .07em;


}


.agk-style-vivid .agk-vivid-gbtn {


    display: inline-flex; align-items: center; gap: 6px;


    padding: 8px 16px;


    background: var(--agk-dark); color: #fff;


    border-radius: var(--agk-radius);


    font-size: 13px; font-weight: 700;


    transition: background .15s;


}


.agk-style-vivid .agk-vivid-gbtn:hover { background: #333; color: #fff; }





.agk-style-vivid .agk-vivid-body { padding: 24px; background: var(--agk-white); }





.agk-style-vivid .agk-vivid-region {


    font-size: 11px; font-weight: 800; letter-spacing: .12em;


    text-transform: uppercase; color: var(--agk-muted);


    margin: 20px 0 12px;


    display: flex; align-items: center; gap: 10px;


}


.agk-style-vivid .agk-vivid-region::before {


    content: ''; width: 20px; height: 2px; background: var(--agk-yellow); display: inline-block;


}





.agk-style-vivid .agk-vivid-grid {


    display: grid;


    grid-template-columns: repeat(auto-fill, minmax(195px, 1fr));


    gap: 14px;


}





.agk-style-vivid .agk-vivid-card {


    background: var(--agk-bg);


    border: 1px solid var(--agk-border);


    border-radius: var(--agk-radius);


    padding: 22px 18px 18px;


    display: flex; flex-direction: column; align-items: center;


    text-align: center;


    transition: border-color .2s, transform .2s, box-shadow .2s;


}


.agk-style-vivid .agk-vivid-card:hover {


    border-color: var(--agk-yellow);


    transform: translateY(-2px);


    box-shadow: 0 6px 20px rgba(0,0,0,.08);


    background: var(--agk-white);


}


.agk-style-vivid .agk-vivid-avatar {


    width: 56px; height: 56px; border-radius: 50%;


    background: var(--agk-dark); color: var(--agk-yellow);


    display: flex; align-items: center; justify-content: center;


    font-size: 18px; font-weight: 800;


    margin-bottom: 14px;


}


.agk-style-vivid .agk-vivid-emp-name { font-size: 15px; font-weight: 800; margin-bottom: 4px; }


.agk-style-vivid .agk-vivid-emp-role {


    font-size: 12px; color: var(--agk-muted); line-height: 1.4; margin-bottom: 14px;


}


.agk-style-vivid .agk-vivid-links {


    width: 100%; display: flex; flex-direction: column; gap: 6px;


    padding-top: 14px; border-top: 1px solid var(--agk-border);


}


.agk-style-vivid .agk-vivid-link {


    display: flex; align-items: center; justify-content: center; gap: 6px;


    font-size: 13px; color: var(--agk-muted);


}


.agk-style-vivid .agk-vivid-link span { word-break: break-all; font-size: 12px; }


.agk-style-vivid .agk-vivid-link:hover { color: var(--agk-dark); }





/* ═══════════════════════════════════════════


   V8 — REGIOONID (split tabs)


═══════════════════════════════════════════ */


.agk-style-split .agk-split-tabs {


    display: flex; gap: 0; flex-wrap: wrap;


    border-bottom: 3px solid var(--agk-dark);


    margin-bottom: 28px;


}


.agk-style-split .agk-split-tab {


    display: inline-flex; align-items: center; gap: 8px;


    padding: 13px 24px; border: none; background: var(--agk-bg);


    font-size: 13px; font-weight: 800;


    text-transform: uppercase; letter-spacing: .07em;


    cursor: pointer; color: var(--agk-muted);


    border-bottom: 3px solid transparent; margin-bottom: -3px;


    transition: all .15s; border-radius: var(--agk-radius) var(--agk-radius) 0 0;


}


.agk-style-split .agk-split-tab:hover { color: var(--agk-dark); background: var(--agk-yellow-light); }


.agk-style-split .agk-split-tab.is-active {


    background: var(--agk-dark); color: var(--agk-yellow);


    border-bottom-color: var(--agk-dark);


}





.agk-style-split .agk-split-panel { display: none; }


.agk-style-split .agk-split-panel.is-active { display: block; }





.agk-style-split .agk-split-general {


    display: flex; align-items: center; gap: 10px; flex-wrap: wrap;


    padding: 14px 20px; margin-bottom: 24px;


    background: var(--agk-yellow-light);


    border: 1px solid var(--agk-yellow-mid);


    border-radius: var(--agk-radius);


}


.agk-style-split .agk-split-general strong {


    font-size: 11px; text-transform: uppercase; letter-spacing: .09em; color: var(--agk-muted);


}


.agk-style-split .agk-split-gpill {


    display: inline-flex; align-items: center; gap: 6px;


    padding: 7px 14px; background: var(--agk-white);


    border: 1px solid var(--agk-yellow-mid);


    border-radius: var(--agk-radius);


    font-size: 14px; font-weight: 600; color: var(--agk-dark);


}


.agk-style-split .agk-split-gpill:hover { background: var(--agk-yellow-mid); }





.agk-style-split .agk-split-cols {


    display: grid;


    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));


    gap: 24px;


}


.agk-style-split .agk-split-col {


    background: var(--agk-white);


    border: 1px solid var(--agk-border);


    border-radius: var(--agk-radius);


    overflow: hidden;


}





.agk-style-split .agk-split-region {


    font-size: 12px; font-weight: 800; letter-spacing: .1em;


    text-transform: uppercase;


    padding: 14px 20px;


    background: var(--agk-dark); color: var(--agk-yellow);


    display: flex; align-items: center; gap: 10px;


}


.agk-style-split .agk-split-emp {


    display: flex; gap: 14px; align-items: flex-start;


    padding: 16px 20px;


    border-bottom: 1px solid var(--agk-border);


    transition: background .12s;


}


.agk-style-split .agk-split-emp:last-child { border-bottom: none; }


.agk-style-split .agk-split-emp:hover { background: var(--agk-bg); }


.agk-style-split .agk-split-avatar {


    width: 40px; height: 40px; border-radius: 50%;


    background: var(--agk-yellow); color: var(--agk-dark);


    display: flex; align-items: center; justify-content: center;


    font-size: 13px; font-weight: 800; flex-shrink: 0;


}


.agk-style-split .agk-split-name { font-size: 15px; font-weight: 700; }


.agk-style-split .agk-split-role { font-size: 12px; color: var(--agk-muted); margin-bottom: 8px; }


.agk-style-split .agk-split-link {


    display: flex; align-items: center; gap: 6px;


    font-size: 13px; color: var(--agk-muted); margin-top: 4px;


}


.agk-style-split .agk-split-link span { word-break: break-all; }


.agk-style-split .agk-split-link:hover { color: var(--agk-dark); }





/* ═══════════════════════════════════════════


   V9 — TUME TEEMA


═══════════════════════════════════════════ */


.agk-style-dark .agk-dark {


    background: var(--agk-dark);


    border-radius: var(--agk-radius);


    overflow: hidden;


    padding: 0;


}





.agk-style-dark .agk-dark-nav {


    display: flex; overflow-x: auto; scrollbar-width: none;


    background: #111; padding: 0 8px;


    border-bottom: 1px solid rgba(255,255,255,.08);


}


.agk-style-dark .agk-dark-nav::-webkit-scrollbar { display: none; }





.agk-style-dark .agk-dark-tab {


    display: inline-flex; align-items: center; gap: 8px;


    padding: 16px 20px; border: none; background: transparent;


    font-size: 12px; font-weight: 800;


    text-transform: uppercase; letter-spacing: .08em;


    cursor: pointer; color: rgba(255,255,255,.35);


    border-bottom: 3px solid transparent; flex-shrink: 0;


    transition: all .15s;


}


.agk-style-dark .agk-dark-tab:hover { color: rgba(255,255,255,.7); }


.agk-style-dark .agk-dark-tab.is-active { color: var(--agk-yellow); border-bottom-color: var(--agk-yellow); }


.agk-style-dark .agk-dark-tab em {


    font-style: normal;


    background: rgba(255,255,255,.08);


    color: rgba(255,255,255,.4);


    font-size: 10px; padding: 2px 7px; border-radius: 20px;


}


.agk-style-dark .agk-dark-tab.is-active em {


    background: var(--agk-yellow); color: var(--agk-dark);


}





.agk-style-dark .agk-dark-panel { display: none; padding: 28px; }


.agk-style-dark .agk-dark-panel.is-active { display: block; }





.agk-style-dark .agk-dark-general {


    display: flex; align-items: center; gap: 10px; flex-wrap: wrap;


    margin-bottom: 24px; padding-bottom: 24px;


    border-bottom: 1px solid rgba(255,255,255,.08);


}


.agk-style-dark .agk-dark-glabel {


    font-size: 11px; font-weight: 800; text-transform: uppercase;


    letter-spacing: .09em; color: rgba(255,255,255,.3);


}


.agk-style-dark .agk-dark-gpill {


    display: inline-flex; align-items: center; gap: 6px;


    padding: 8px 16px; background: rgba(255,255,255,.06);


    border: 1px solid rgba(255,255,255,.1);


    border-radius: var(--agk-radius);


    font-size: 14px; font-weight: 600; color: rgba(255,255,255,.8);


}


.agk-style-dark .agk-dark-gpill:hover { background: rgba(255,255,255,.1); color: #fff; }





.agk-style-dark .agk-dark-region {


    font-size: 11px; font-weight: 800; letter-spacing: .12em;


    text-transform: uppercase; color: rgba(255,255,255,.3);


    margin: 20px 0 14px;


    display: flex; align-items: center; gap: 10px;


}


.agk-style-dark .agk-dark-region::before {


    content: ''; width: 20px; height: 2px;


    background: var(--agk-yellow); display: inline-block;


}





.agk-style-dark .agk-dark-grid {


    display: grid;


    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));


    gap: 12px;


}


.agk-style-dark .agk-dark-card {


    background: rgba(255,255,255,.04);


    border: 1px solid rgba(255,255,255,.08);


    border-radius: var(--agk-radius);


    padding: 20px 18px;


    display: flex; flex-direction: column; align-items: center;


    text-align: center;


    transition: background .2s, border-color .2s;


}


.agk-style-dark .agk-dark-card:hover {


    background: rgba(255,255,255,.08);


    border-color: var(--agk-yellow);


}


.agk-style-dark .agk-dark-avatar {


    width: 52px; height: 52px; border-radius: 50%;


    background: var(--agk-yellow); color: var(--agk-dark);


    display: flex; align-items: center; justify-content: center;


    font-size: 17px; font-weight: 800; margin-bottom: 14px;


}


.agk-style-dark .agk-dark-name { font-size: 15px; font-weight: 800; color: #fff; margin-bottom: 4px; }


.agk-style-dark .agk-dark-role { font-size: 12px; color: rgba(255,255,255,.4); margin-bottom: 14px; line-height: 1.4; }


.agk-style-dark .agk-dark-links {


    width: 100%; display: flex; flex-direction: column; gap: 7px;


    padding-top: 14px; border-top: 1px solid rgba(255,255,255,.07);


}


.agk-style-dark .agk-dark-link {


    display: flex; align-items: center; justify-content: center; gap: 6px;


    font-size: 13px; color: rgba(255,255,255,.45);


}


.agk-style-dark .agk-dark-link span { word-break: break-all; font-size: 12px; }


.agk-style-dark .agk-dark-link:hover { color: var(--agk-yellow); }





/* ═══════════════════════════════════════════


   V10 — BOLD BLOKID


   Osakond suurelt, töötajad nupu-kontaktidega


═══════════════════════════════════════════ */


.agk-style-bold .agk-bold-dept {


    margin-bottom: 52px;


    border: 1px solid var(--agk-border);


    border-radius: var(--agk-radius);


    overflow: hidden;


}





.agk-style-bold .agk-bold-head {


    display: flex; align-items: center; gap: 16px; flex-wrap: wrap;


    padding: 22px 28px;


    background: var(--agk-dark);


}


.agk-style-bold .agk-bold-head-icon {


    width: 52px; height: 52px; border-radius: var(--agk-radius);


    background: var(--agk-yellow);


    display: flex; align-items: center; justify-content: center;


    color: var(--agk-dark); flex-shrink: 0;


}


.agk-style-bold .agk-bold-title {


    font-size: 20px; font-weight: 800;


    text-transform: uppercase; letter-spacing: .05em; color: #fff;


}


.agk-style-bold .agk-bold-count {


    font-size: 12px; color: rgba(255,255,255,.35); display: block; margin-top: 3px;


    text-transform: uppercase; letter-spacing: .08em;


}


.agk-style-bold .agk-bold-general { display: flex; gap: 8px; flex-wrap: wrap; margin-left: auto; }


.agk-style-bold .agk-bold-gbtn {


    display: inline-flex; align-items: center; gap: 7px;


    padding: 9px 18px;


    background: var(--agk-yellow); color: var(--agk-dark);


    border-radius: var(--agk-radius);


    font-size: 13px; font-weight: 800;


    transition: background .15s;


}


.agk-style-bold .agk-bold-gbtn:hover { background: var(--agk-yellow-dark); color: var(--agk-dark); }





.agk-style-bold .agk-bold-region {


    font-size: 11px; font-weight: 800; letter-spacing: .12em;


    text-transform: uppercase; color: var(--agk-muted);


    margin: 24px 28px 12px;


    display: flex; align-items: center; gap: 10px;


}


.agk-style-bold .agk-bold-region::before {


    content: ''; width: 20px; height: 2px;


    background: var(--agk-yellow); display: inline-block;


}





.agk-style-bold .agk-bold-grid {


    display: grid;


    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));


    gap: 0;


    border-top: 1px solid var(--agk-border);


}





.agk-style-bold .agk-bold-emp {


    padding: 20px 28px;


    border-right: 1px solid var(--agk-border);


    border-bottom: 1px solid var(--agk-border);


    background: var(--agk-white);


    transition: background .15s;


}


.agk-style-bold .agk-bold-emp:hover { background: var(--agk-bg); }





.agk-style-bold .agk-bold-emp-top {


    display: flex; align-items: center; gap: 14px; margin-bottom: 14px;


}


.agk-style-bold .agk-bold-avatar {


    width: 46px; height: 46px; border-radius: 50%;


    background: var(--agk-yellow); color: var(--agk-dark);


    display: flex; align-items: center; justify-content: center;


    font-size: 15px; font-weight: 800; flex-shrink: 0;


}


.agk-style-bold .agk-bold-emp-name { font-size: 16px; font-weight: 800; }


.agk-style-bold .agk-bold-emp-role { font-size: 12px; color: var(--agk-muted); margin-top: 3px; }





.agk-style-bold .agk-bold-emp-btns { display: flex; flex-wrap: wrap; gap: 8px; }


.agk-style-bold .agk-bold-btn {


    display: inline-flex; align-items: center; gap: 7px;


    padding: 8px 14px; border-radius: var(--agk-radius);


    font-size: 13px; font-weight: 700;


    transition: all .15s; border: 1px solid var(--agk-border);


    background: var(--agk-bg);


}


.agk-style-bold .agk-bold-btn span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 180px; }


.agk-style-bold .agk-bold-btn--phone { color: var(--agk-dark); }


.agk-style-bold .agk-bold-btn--phone:hover {


    background: var(--agk-yellow); border-color: var(--agk-yellow); color: var(--agk-dark);


}


.agk-style-bold .agk-bold-btn--email { color: var(--agk-muted); }


.agk-style-bold .agk-bold-btn--email:hover {


    background: var(--agk-dark); border-color: var(--agk-dark);


    color: #fff;


}




/* ── [agk_service_area] jaluse blokk ─────────────────────── */

.agk-sa-wrap {

  font-size: 13px;

  line-height: 1.5;

}

.agk-sa-label {

  display: flex;

  align-items: center;

  gap: 5px;

  font-size: 11px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: .6px;

  opacity: .55;

  margin: 0 0 10px;

}

.agk-sa-label svg {

  flex-shrink: 0;

  stroke: currentColor;

}

.agk-sa-list {

  list-style: none;

  margin: 0;

  padding: 0;

  display: flex;

  flex-direction: column;

  gap: 8px;

}

.agk-sa-item {

  display: flex;

  flex-direction: column;

}

.agk-sa-link {

  text-decoration: none;

  color: inherit;

  display: flex;

  flex-direction: column;

  gap: 1px;

}

.agk-sa-link:hover .agk-sa-title {

  color: var(--agk-accent, #F4B800);

}

.agk-sa-title {

  font-weight: 600;

  font-size: 13px;

  transition: color .15s;

}

.agk-sa-address {

  font-size: 12px;

  opacity: .65;

}



.agk-locations-subtext {

  margin: 4px 0 0;

  font-size: 13px;

  opacity: .6;

}



/* ─────────────────────────────────────────────
   LIST: FOTO, LIPUD PAREMAL (v4)
───────────────────────────────────────────── */

/* Avatar suurem + foto tugi */
.agk-style-list .agk-list-avatar {
    width: 68px !important;
    height: 68px !important;
    font-size: 20px !important;
    overflow: hidden !important;
    border: 2px solid var(--agk-border) !important;
    flex-shrink: 0 !important;
}
.agk-style-list .agk-list-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    display: block;
}
.agk-style-list .agk-list-avatar-initials {
    font-size: 20px;
    font-weight: 800;
}

/* Info-veerg (nimi + roll) — flex:1 et võtaks vahemaa */
.agk-style-list .agk-list-info {
    flex: 1 !important;
    min-width: 0 !important;
}

/* Parem veerg: lipud + joon + kontaktid */
.agk-style-list .agk-list-right {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 0 !important;
    flex-shrink: 0 !important;
    min-width: 240px;
}

/* Lipurida */
.agk-lang-bar {
    display: flex !important;
    flex-direction: row !important;
    gap: 6px !important;
    align-items: center !important;
    margin-bottom: 8px !important;
    justify-content: flex-end !important;
}
.agk-lang-flag {
    display: inline-block !important;
    width: 22px !important;
    height: 16px !important;
    cursor: default !important;
    border-radius: 2px !important;
    overflow: hidden !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
    /* flag-icons suuruse override */
    font-size: 22px !important;
    line-height: 1 !important;
    background-size: cover !important;
}

/* Horisontaaljoon lippude ja kontaktide vahel */
.agk-list-divider {
    width: 100%;
    height: 1px;
    background: var(--agk-border);
    margin-bottom: 8px;
}

/* Kontaktid — vertikaalselt, paremale joondatud */
.agk-style-list .agk-list-contacts {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 20px !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
}


/* ============================================================
   Linna kontaktid (city_contacts) - horisontaalne riba
   ============================================================ */

.agk-style-list .agk-city-contacts {
    display: flex;
    flex-wrap: wrap;
    border-left: 4px solid var(--agk-yellow);
    border-right: 1px solid var(--agk-border);
    border-bottom: 1px solid var(--agk-border);
    background: var(--agk-white);
}

.agk-style-list .agk-city-card {
    flex: 1 1 0;
    min-width: 140px;
    padding: 12px 20px 14px;
    border-right: 1px solid var(--agk-border);
}

.agk-style-list .agk-city-card:last-child {
    border-right: none;
}

.agk-city-label {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--agk-muted);
    margin-bottom: 7px;
}

.agk-city-label .agk-icon-xs {
    width: 12px;
    height: 12px;
    color: var(--agk-yellow);
    flex-shrink: 0;
}

.agk-city-links {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.agk-city-link {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--agk-dark);
    text-decoration: none;
    line-height: 1.3;
}

.agk-city-link:hover {
    color: var(--agk-accent);
}

.agk-city-link .agk-icon-sm {
    width: 14px;
    height: 14px;
    color: var(--agk-muted);
    flex-shrink: 0;
}

@media (max-width: 640px) {
    .agk-style-list .agk-city-card {
        flex: 1 1 100%;
        border-right: none;
        border-bottom: 1px solid var(--agk-border);
    }
    .agk-style-list .agk-city-card:last-child {
        border-bottom: none;
    }

    /* Telefon+e-post kõrvuti (.agk-list-contacts, nowrap+flex-end) ei mahu
       kitsal ekraanil avatari+nime kõrvale ära — jäid ujuvate nuppude taha
       peitu/lõikuma. Mobiilis tõstame kontaktid oma reale, virna. */
    .agk-style-list .agk-list-row {
        flex-wrap: wrap;
    }
    .agk-style-list .agk-list-contacts {
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        width: 100%;
        margin-left: 60px; /* avatar (44px) + rea gap (16px) — joondub nime alla */
        margin-top: 6px;
    }
}

/* Admin - linna kontaktide rida */
.agk-city-contact-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.agk-city-contact-row input {
    height: 30px;
    padding: 0 8px;
    font-size: 13px;
}

/* -----------------------------------------------
   PÄRIS FOTOGA AVATAR — tunduvalt suurem ring
   Initsiaalidega avatar jääb endise suurusega (44px);
   suurendatakse ainult siis, kui kontaktile on päris
   pilt lisatud (vt templates/list.php).
   ----------------------------------------------- */
.agk-style-list .agk-list-avatar--photo {
    width: 96px !important;
    height: 96px !important;
    background: transparent !important;
}
/* Rida vajab suurema avatari kõrval veidi rohkem õhku */
.agk-style-list .agk-list-row:has(.agk-list-avatar--photo) {
    padding-top: 14px;
    padding-bottom: 14px;
}

@media (max-width: 640px) {
    .agk-style-list .agk-list-avatar--photo {
        width: 72px !important;
        height: 72px !important;
    }
}

/* Liitu meie meeskonnaga — kontaktilehe CTA plokk */
.agk-join {
    margin: 8px 0 40px;
    padding: 28px 32px;
    background: linear-gradient(135deg, #1a1d20, #2d3236);
    border-radius: 14px;
}
.agk-join-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}
.agk-join-title { margin: 0; font-size: 20px; font-weight: 800; color: #fff; }
.agk-join-desc { margin: 10px 0 0; font-size: 14px; color: rgba(255,255,255,.7); }
.agk-join-btn {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--agk-accent, #F4B800);
    color: #14181a;
    font-weight: 700;
    font-size: 14px;
    padding: 12px 24px;
    border-radius: 8px;
    text-decoration: none;
    transition: background .15s ease, transform .12s ease;
}
.agk-join-btn:hover { background: var(--agk-accent-dark, #D4A000); transform: translateY(-1px); color: #14181a; }
@media (max-width: 560px) {
    .agk-join { padding: 22px 20px; }
    .agk-join-btn { width: 100%; justify-content: center; }
}