/*!
 * ISJ Constanța — Premium Design System v3.0
 * Tokenuri → bază → layout → componente → pagini → compatibilitate → utilitare
 */

/* ==========================================================================
   1. TOKENURI
   ========================================================================== */
:root {
    --isj-navy-950: #00142B;
    --isj-navy-900: #001F3F;
    --isj-navy-800: #0A2472;
    --isj-navy-700: #163A8C;
    --isj-blue-600: #1A56A0;
    --isj-blue-500: #2D6FD1;
    --isj-blue-50:  #EEF4FF;
    --isj-gold-500: #C9A043;
    --isj-gold-400: #DDB95E;
    --isj-gold-100: #FBF3DF;

    --isj-green: #157347;
    --isj-amber: #B45309;
    --isj-red:   #B42318;

    --isj-bg:        #F4F6FA;
    --isj-surface:   #FFFFFF;
    --isj-surface-2: #F8FAFC;
    --isj-ink:       #0B1324;
    --isj-ink-2:     #2B3648;
    --isj-muted:     #5E6B80;
    --isj-line:      #E3E8F0;
    --isj-line-2:    #EEF1F6;

    --isj-accent:      var(--isj-blue-600);
    --isj-accent-soft: rgba(26, 86, 160, .09);

    --isj-radius-sm: 8px;
    --isj-radius:    14px;
    --isj-radius-lg: 22px;

    --isj-shadow-xs: 0 1px 2px rgba(11, 19, 36, .06);
    --isj-shadow-sm: 0 1px 3px rgba(11, 19, 36, .06), 0 4px 14px rgba(11, 19, 36, .04);
    --isj-shadow:    0 2px 6px rgba(11, 19, 36, .05), 0 14px 36px rgba(11, 19, 36, .08);
    --isj-shadow-lg: 0 8px 20px rgba(11, 19, 36, .08), 0 30px 70px rgba(11, 19, 36, .16);

    --isj-font:    'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --isj-display: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
    --isj-font-scale: 1;

    --isj-ease: cubic-bezier(.22, .61, .36, 1);
    --isj-container: 1280px;
    --isj-nav-h: 58px;
}

/* Mod întunecat (comutator manual; respectă alegerea salvată) */
:root[data-theme="dark"] {
    --isj-bg:        #070D1A;
    --isj-surface:   #0F172A;
    --isj-surface-2: #131D33;
    --isj-ink:       #EEF2F8;
    --isj-ink-2:     #CBD5E1;
    --isj-muted:     #94A3B8;
    --isj-line:      #1F2A44;
    --isj-line-2:    #18233A;
    --isj-accent:      #7FB0FF;
    --isj-accent-soft: rgba(127, 176, 255, .12);
    --isj-blue-50:   #14213D;
    --isj-gold-100:  #2A2412;
    --isj-shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);
    --isj-shadow:    0 10px 30px rgba(0, 0, 0, .45);
    --isj-shadow-lg: 0 30px 70px rgba(0, 0, 0, .6);
    color-scheme: dark;
}

/* ==========================================================================
   2. BAZĂ
   ========================================================================== */
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--isj-nav-h) + 16px); font-size: calc(100% * var(--isj-font-scale)); }
body {
    font-family: var(--isj-font);
    font-size: 1rem;
    line-height: 1.65;
    color: var(--isj-ink-2);
    background: var(--isj-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 { font-family: var(--isj-display); color: var(--isj-ink); letter-spacing: -.015em; line-height: 1.25; }
a { color: var(--isj-accent); text-decoration: none; transition: color .2s var(--isj-ease); }
a:hover { color: var(--isj-navy-800); }
:root[data-theme="dark"] a:hover { color: #B9D3FF; }
img { max-width: 100%; height: auto; }
::selection { background: var(--isj-gold-400); color: var(--isj-navy-950); }
:focus-visible { outline: 3px solid var(--isj-gold-500); outline-offset: 2px; border-radius: 4px; }
mark { background: linear-gradient(transparent 55%, rgba(201, 160, 67, .45) 0); color: inherit; padding: 0 .1em; }

.isj-container { width: 100%; max-width: var(--isj-container); margin-inline: auto; padding-inline: 24px; }
.isj-narrow { max-width: 880px; margin: -48px auto 72px; padding-inline: 24px; position: relative; z-index: 2; }
.isj-main { outline: none; min-height: 40vh; }

.isj-skip {
    position: fixed; top: 10px; left: 10px; z-index: 10001;
    padding: 10px 18px; border-radius: var(--isj-radius-sm);
    background: var(--isj-gold-500); color: var(--isj-navy-950); font-weight: 700;
    transform: translateY(-160%); transition: transform .2s;
}
.isj-skip:focus { transform: none; color: var(--isj-navy-950); }

/* Bara de progres la citire */
.isj-progress { position: fixed; inset: 0 0 auto; height: 3px; z-index: 1100; pointer-events: none; }
.isj-progress span { display: block; height: 100%; width: 100%; transform-origin: 0 50%; transform: scaleX(var(--p, 0)); background: linear-gradient(90deg, var(--isj-gold-500), var(--isj-gold-400)); }

/* ==========================================================================
   3. BUTOANE, CHIPS, ALERTE
   ========================================================================== */
.isj-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: .5em;
    padding: .7em 1.25em; border-radius: 999px; border: 1px solid transparent;
    font: 600 .9rem/1.2 var(--isj-font); letter-spacing: .005em; cursor: pointer;
    transition: transform .2s var(--isj-ease), box-shadow .2s, background .2s, color .2s, border-color .2s;
    white-space: nowrap;
}
.isj-btn:hover { transform: translateY(-1px); }
.isj-btn--sm { font-size: .8rem; padding: .55em 1em; }
.isj-btn--primary { background: var(--isj-navy-900); color: #fff; box-shadow: 0 6px 18px rgba(0, 31, 63, .25); }
.isj-btn--primary:hover { background: var(--isj-navy-800); color: #fff; }
.isj-btn--gold { background: linear-gradient(135deg, var(--isj-gold-400), var(--isj-gold-500)); color: var(--isj-navy-950); box-shadow: 0 6px 18px rgba(201, 160, 67, .35); }
.isj-btn--gold:hover { color: var(--isj-navy-950); box-shadow: 0 10px 26px rgba(201, 160, 67, .45); }
.isj-btn--ghost { background: var(--isj-surface); border-color: var(--isj-line); color: var(--isj-ink); }
.isj-btn--ghost:hover { border-color: var(--isj-navy-900); color: var(--isj-ink); box-shadow: var(--isj-shadow-sm); }
.isj-btn--light { background: #fff; color: var(--isj-navy-900); }
.isj-btn--light:hover { color: var(--isj-navy-900); box-shadow: 0 10px 26px rgba(0, 0, 0, .25); }
.isj-btn--outline-light { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .3); color: #fff; }
.isj-btn--outline-light:hover { background: rgba(255, 255, 255, .14); color: #fff; }

.isj-chip {
    display: inline-flex; align-items: center; gap: .35em;
    padding: .28em .7em; border-radius: 999px;
    font: 700 .7rem/1.2 var(--isj-font); letter-spacing: .04em; text-transform: uppercase;
    background: var(--isj-accent-soft); color: var(--isj-accent);
}
.isj-chip--soft { background: var(--isj-surface-2); color: var(--isj-muted); text-transform: none; letter-spacing: 0; font-weight: 600; }
.isj-chip--muted { background: var(--isj-line-2); color: var(--isj-muted); }
.isj-chip--new { background: var(--isj-gold-100); color: #8A6510; }
:root[data-theme="dark"] .isj-chip--new { color: var(--isj-gold-400); }
.isj-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--isj-gold-500); margin-left: 6px; vertical-align: middle; box-shadow: 0 0 0 3px rgba(201, 160, 67, .22); }
.isj-count { display: inline-flex; min-width: 26px; justify-content: center; padding: 2px 8px; border-radius: 999px; background: var(--isj-accent-soft); color: var(--isj-accent); font: 700 .72rem/1.4 var(--isj-font); }

.isj-alert { display: flex; gap: .6em; align-items: flex-start; padding: 12px 16px; border-radius: var(--isj-radius-sm); font-size: .88rem; margin: 0 0 1rem; }
.isj-alert--warn { background: #FFF7E6; color: #7A4B00; border: 1px solid #F6DFA9; }
:root[data-theme="dark"] .isj-alert--warn { background: #2A2010; color: #F3CE7C; border-color: #4A3A16; }
.isj-empty-sm { color: var(--isj-muted); font-size: .88rem; margin: 0; }

.isj-eyebrow {
    display: inline-flex; align-items: center; gap: .5em;
    font: 700 .74rem/1 var(--isj-font); letter-spacing: .14em; text-transform: uppercase; color: var(--isj-gold-500);
}
.isj-eyebrow::before { content: ''; width: 22px; height: 2px; background: currentColor; border-radius: 2px; }
.isj-eyebrow--light { color: var(--isj-gold-400); }
.isj-eyebrow--light::before { display: none; }

.isj-link-arrow { display: inline-flex; align-items: center; gap: .45em; font-weight: 700; font-size: .85rem; color: var(--isj-accent); }
.isj-link-arrow i { transition: transform .25s var(--isj-ease); font-size: .8em; }
.isj-link-arrow:hover i { transform: translateX(4px); }
.isj-link-arrow--light { color: var(--isj-gold-400); }
.isj-link-arrow--light:hover { color: #fff; }

/* ==========================================================================
   4. TOPBAR + HEADER
   ========================================================================== */
.isj-topbar { background: var(--isj-navy-950); color: rgba(255, 255, 255, .78); font-size: .78rem; }
.isj-topbar__inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 40px; }
.isj-topbar__left, .isj-topbar__right { display: flex; align-items: center; gap: 20px; }
.isj-topbar__item { display: inline-flex; align-items: center; gap: 7px; color: rgba(255, 255, 255, .78); }
.isj-topbar__item i { color: var(--isj-gold-400); font-size: .9em; }
a.isj-topbar__item:hover { color: #fff; }
.isj-a11y { display: inline-flex; border: 1px solid rgba(255, 255, 255, .15); border-radius: 999px; overflow: hidden; }
.isj-a11y__btn { background: none; border: 0; color: rgba(255, 255, 255, .8); font: 700 .74rem/1 var(--isj-font); padding: 6px 10px; cursor: pointer; }
.isj-a11y__btn + .isj-a11y__btn { border-left: 1px solid rgba(255, 255, 255, .15); }
.isj-a11y__btn:hover { background: rgba(255, 255, 255, .1); color: #fff; }
.isj-theme-toggle { width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .15); background: none; color: var(--isj-gold-400); cursor: pointer; display: grid; place-items: center; }
.isj-theme-toggle:hover { background: rgba(255, 255, 255, .1); }
.isj-theme-toggle .fa-sun, :root[data-theme="dark"] .isj-theme-toggle .fa-moon { display: none; }
:root[data-theme="dark"] .isj-theme-toggle .fa-sun { display: inline; }

.isj-header { background: var(--isj-surface); border-bottom: 1px solid var(--isj-line); position: relative; z-index: 1001; }
.isj-header__main { display: flex; align-items: center; gap: 28px; min-height: 112px; }
.isj-brand { display: inline-flex; align-items: center; flex-shrink: 0; }
.isj-brand__logo { height: 88px; width: auto; display: block; transition: transform .3s var(--isj-ease); }
.isj-brand:hover .isj-brand__logo { transform: scale(1.015); }
:root[data-theme="dark"] .isj-brand__logo { filter: drop-shadow(0 0 1px rgba(255, 255, 255, .5)); background: #fff; border-radius: 12px; padding: 6px 10px; }

.isj-search {
    flex: 1; max-width: 560px; margin-left: auto; position: relative; display: flex; align-items: center;
    background: var(--isj-surface-2); border: 1px solid var(--isj-line); border-radius: 999px;
    padding: 5px 5px 5px 46px; transition: border-color .2s, box-shadow .2s, background .2s;
}
.isj-search:focus-within { background: var(--isj-surface); border-color: var(--isj-blue-600); box-shadow: 0 0 0 4px rgba(26, 86, 160, .12); }
.isj-search__icon { position: absolute; left: 18px; color: var(--isj-muted); }
.isj-search__input { flex: 1; min-width: 0; border: 0; background: none; outline: none; color: var(--isj-ink); font-size: .92rem; padding: 8px 0; }
.isj-search__input::placeholder { color: var(--isj-muted); }
.isj-search__input::-webkit-search-cancel-button { cursor: pointer; }
.isj-search__btn { border: 0; border-radius: 999px; padding: 9px 20px; background: var(--isj-navy-900); color: #fff; font-weight: 600; font-size: .85rem; cursor: pointer; transition: background .2s; }
.isj-search__btn:hover { background: var(--isj-navy-800); }
.isj-header__actions { display: flex; align-items: center; gap: 10px; }
.isj-header__actions .isj-btn span { max-width: 160px; overflow: hidden; text-overflow: ellipsis; }

.isj-burger { display: none; width: 46px; height: 46px; border-radius: 12px; border: 1px solid var(--isj-line); background: var(--isj-surface); cursor: pointer; flex-direction: column; align-items: center; justify-content: center; gap: 5px; }
.isj-burger span { width: 20px; height: 2px; border-radius: 2px; background: var(--isj-ink); transition: transform .3s var(--isj-ease), opacity .2s; }
.isj-burger span:nth-child(2) { width: 14px; margin-left: 6px; }

/* ==========================================================================
   5. NAVIGAȚIE
   ========================================================================== */
.isj-nav {
    position: sticky; top: 0; z-index: 1000;
    background: linear-gradient(180deg, var(--isj-navy-900), #00183A);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset;
    transition: box-shadow .3s, background .3s;
}
.admin-bar .isj-nav { top: 32px; }
.isj-nav.is-stuck { box-shadow: 0 10px 30px rgba(0, 20, 43, .28); background: rgba(0, 31, 63, .94); backdrop-filter: saturate(160%) blur(12px); -webkit-backdrop-filter: saturate(160%) blur(12px); }
.isj-nav__inner { display: flex; align-items: center; min-height: var(--isj-nav-h); gap: 8px; }
.isj-nav__mini { display: flex; align-items: center; width: 0; opacity: 0; overflow: hidden; transition: width .35s var(--isj-ease), opacity .25s, margin .35s; }
.isj-nav__mini img { height: 34px; width: auto; background: #fff; border-radius: 8px; padding: 3px 6px; }
.isj-nav__panel { flex: 1; min-width: 0; }
.isj-nav__drawer-head, .isj-nav__search { display: none; }
.isj-nav__searchbtn { display: none; width: 40px; height: 40px; border-radius: 10px; border: 0; background: rgba(255, 255, 255, .08); color: #fff; cursor: pointer; flex-shrink: 0; }
.isj-nav.is-stuck .isj-nav__searchbtn { display: grid; place-items: center; }
.isj-nav__searchbtn:hover { background: rgba(255, 255, 255, .16); }

.isj-menu { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 2px; margin: 0; padding: 0; list-style: none; flex-direction: row; }
.isj-menu > li { position: relative; display: flex; align-items: center; }
.isj-menu > li > .nav-link {
    position: relative; display: inline-flex; align-items: center; gap: 8px;
    padding: 17px 10px; color: rgba(255, 255, 255, .86) !important;
    font: 600 .77rem/1.1 var(--isj-font); letter-spacing: .03em; text-transform: uppercase;
    white-space: nowrap; transition: color .2s;
}
.isj-menu > li > .nav-link::after {
    content: ''; position: absolute; left: 10px; right: 10px; bottom: 9px; height: 2px; border-radius: 2px;
    background: var(--isj-gold-400); transform: scaleX(0); transform-origin: left; transition: transform .3s var(--isj-ease);
}
.isj-menu > li:hover > .nav-link, .isj-menu > li > .nav-link:focus-visible, .isj-menu > li.is-active > .nav-link { color: #fff !important; }
.isj-menu > li:hover > .nav-link::after, .isj-menu > li.is-active > .nav-link::after { transform: scaleX(1); }
.isj-menu > li.has-sub > .nav-link { padding-right: 2px; }
.isj-subtoggle { background: none; border: 0; color: rgba(255, 255, 255, .6); padding: 6px 8px 6px 4px; cursor: pointer; font-size: .62rem; line-height: 1; transition: transform .25s, color .2s; }
.isj-menu > li:hover > .isj-subtoggle { color: var(--isj-gold-400); }
.isj-subtoggle[aria-expanded="true"] i { transform: rotate(180deg); }
.isj-subtoggle i { transition: transform .25s var(--isj-ease); }

/* Dropdown desktop */
@media (min-width: 1100px) {
    .isj-menu .dropdown-menu {
        display: block; position: absolute; top: calc(100% - 4px); left: 0; z-index: 1050;
        min-width: 260px; margin: 0; padding: 8px; list-style: none;
        background: var(--isj-surface); border: 1px solid var(--isj-line); border-radius: var(--isj-radius);
        box-shadow: var(--isj-shadow-lg);
        opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .2s, transform .25s var(--isj-ease), visibility .2s;
    }
    .isj-menu .dropdown-menu::before { content: ''; position: absolute; top: -6px; left: 26px; width: 12px; height: 12px; background: var(--isj-surface); border-left: 1px solid var(--isj-line); border-top: 1px solid var(--isj-line); transform: rotate(45deg); }
    .isj-menu li:hover > .dropdown-menu, .isj-menu li:focus-within > .dropdown-menu, .isj-menu li.is-open > .dropdown-menu { opacity: 1; visibility: visible; transform: none; }
    .isj-menu > li:nth-last-child(-n+3) > .dropdown-menu { left: auto; right: 0; }
    .isj-menu > li:nth-last-child(-n+3) > .dropdown-menu::before { left: auto; right: 26px; }
    .isj-menu .dropdown-menu--sub { top: -8px; left: calc(100% + 6px); }
    .isj-menu .dropdown-menu--sub::before { display: none; }
    .isj-menu .dropdown-item-wrapper { position: relative; display: flex; align-items: center; }
    .isj-menu .dropdown-item-wrapper .isj-subtoggle { color: var(--isj-muted); transform: rotate(-90deg); }
    .isj-menu .dropdown-item {
        display: block; flex: 1; padding: 10px 14px; border-radius: 10px; white-space: normal;
        font: 500 .88rem/1.35 var(--isj-font); color: var(--isj-ink-2); background: none;
        transition: background .15s, color .15s, padding .2s var(--isj-ease);
    }
    .isj-menu .dropdown-item:hover, .isj-menu .dropdown-item:focus-visible { background: var(--isj-blue-50); color: var(--isj-accent); padding-left: 18px; }
    .isj-menu .dropdown-item.active { background: var(--isj-navy-900); color: #fff; }
}

/* ==========================================================================
   6. HERO PAGINI INTERIOARE + BREADCRUMBS
   ========================================================================== */
.isj-hero { position: relative; overflow: hidden; color: #fff; background: var(--isj-navy-900); padding: 44px 0 96px; isolation: isolate; }
.isj-hero__bg, .isj-home-hero__bg { position: absolute; inset: 0; z-index: -1; overflow: hidden; }
.isj-hero__bg {
    background:
        radial-gradient(900px 380px at 85% -10%, rgba(45, 111, 209, .55), transparent 60%),
        radial-gradient(600px 300px at 0% 120%, rgba(201, 160, 67, .28), transparent 60%),
        linear-gradient(135deg, var(--isj-navy-950), var(--isj-navy-900) 45%, var(--isj-navy-800));
}
.isj-hero__bg::after { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(180deg, #000, transparent 85%); -webkit-mask-image: linear-gradient(180deg, #000, transparent 85%); }
.isj-hero__inner { position: relative; }
.isj-hero__eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 18px 0 12px; padding: 6px 14px; border-radius: 999px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .14); font: 700 .74rem/1 var(--isj-font); letter-spacing: .1em; text-transform: uppercase; color: var(--isj-gold-400); }
.isj-hero__eyebrow a { color: inherit; }
.isj-hero__eyebrow a:hover { color: #fff; }
.isj-hero__title { color: #fff; font-size: clamp(1.7rem, 3.4vw, 2.6rem); font-weight: 800; max-width: 920px; margin: 0; text-wrap: balance; }
.isj-hero--lg .isj-hero__title { font-size: clamp(1.8rem, 3.8vw, 2.9rem); }
.isj-hero__title mark { background: none; color: var(--isj-gold-400); }
.isj-hero__subtitle { margin: 14px 0 0; max-width: 760px; color: rgba(255, 255, 255, .78); font-size: 1.05rem; }
.isj-hero__meta { display: flex; flex-wrap: wrap; gap: 8px 22px; list-style: none; padding: 0; margin: 22px 0 0; font-size: .86rem; color: rgba(255, 255, 255, .8); }
.isj-hero__meta li { display: inline-flex; align-items: center; gap: 8px; }
.isj-hero__meta i { color: var(--isj-gold-400); }

.isj-crumbs ol { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; font-size: .8rem; }
.isj-crumbs li { display: inline-flex; align-items: center; gap: 6px; color: rgba(255, 255, 255, .6); }
.isj-crumbs li + li::before { content: '\f105'; font: 900 .65rem 'Font Awesome 6 Free'; color: rgba(255, 255, 255, .35); }
.isj-crumbs a { color: rgba(255, 255, 255, .78); }
.isj-crumbs a:hover { color: var(--isj-gold-400); }
.isj-crumbs [aria-current] span { color: #fff; font-weight: 600; }

/* ==========================================================================
   7. HOMEPAGE
   ========================================================================== */
.isj-home-hero { position: relative; isolation: isolate; overflow: hidden; color: #fff; padding: 64px 0 120px; background: var(--isj-navy-950); }
.isj-home-hero__bg { background: linear-gradient(135deg, var(--isj-navy-950) 0%, var(--isj-navy-900) 50%, #0B2C6B 100%); }
.isj-orb { position: absolute; border-radius: 50%; filter: blur(60px); opacity: .55; animation: isj-float 14s ease-in-out infinite alternate; }
.isj-orb--1 { width: 520px; height: 520px; right: -120px; top: -180px; background: radial-gradient(circle, #2D6FD1, transparent 65%); }
.isj-orb--2 { width: 420px; height: 420px; left: -140px; bottom: -220px; background: radial-gradient(circle, rgba(201, 160, 67, .8), transparent 65%); animation-delay: -6s; }
.isj-grid-lines { position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px); background-size: 56px 56px; mask-image: radial-gradient(ellipse at 70% 30%, #000 10%, transparent 70%); -webkit-mask-image: radial-gradient(ellipse at 70% 30%, #000 10%, transparent 70%); }
@keyframes isj-float { to { transform: translate3d(-30px, 30px, 0) scale(1.06); } }

.isj-home-hero__inner { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 56px; align-items: center; }
.isj-home-hero__title { color: #fff; font-size: clamp(2rem, 4.4vw, 3.4rem); font-weight: 800; line-height: 1.08; letter-spacing: -.03em; margin: 18px 0 18px; }
.isj-home-hero__title span { display: block; background: linear-gradient(90deg, var(--isj-gold-400), #F5DFA2 60%, var(--isj-gold-400)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.isj-home-hero__lead { font-size: 1.08rem; color: rgba(255, 255, 255, .8); max-width: 580px; margin: 0 0 28px; }

.isj-hero-search { position: relative; display: flex; align-items: center; gap: 8px; max-width: 580px; padding: 7px 7px 7px 50px; border-radius: 999px; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: background .2s, border-color .2s, box-shadow .2s; }
.isj-hero-search:focus-within { background: rgba(255, 255, 255, .16); border-color: var(--isj-gold-400); box-shadow: 0 0 0 5px rgba(201, 160, 67, .2); }
.isj-hero-search > i { position: absolute; left: 20px; color: rgba(255, 255, 255, .7); }
.isj-hero-search input { flex: 1; min-width: 0; border: 0; outline: 0; background: none; color: #fff; font-size: 1rem; padding: 10px 0; }
.isj-hero-search input::placeholder { color: rgba(255, 255, 255, .6); }
.isj-hero-search--light { margin-top: 24px; }

.isj-quick { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.isj-quick__tile {
    position: relative; display: flex; align-items: center; gap: 14px; padding: 16px 16px; min-height: 76px;
    border-radius: var(--isj-radius); color: #fff;
    background: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .04));
    border: 1px solid rgba(255, 255, 255, .14);
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    transition: transform .3s var(--isj-ease), background .3s, border-color .3s, box-shadow .3s;
}
.isj-quick__tile:hover { color: #fff; transform: translateY(-3px); background: linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .06)); border-color: rgba(221, 185, 94, .6); box-shadow: 0 18px 40px rgba(0, 0, 0, .3); }
.isj-quick__icon { width: 42px; height: 42px; flex-shrink: 0; border-radius: 12px; display: grid; place-items: center; background: linear-gradient(135deg, var(--isj-gold-400), var(--isj-gold-500)); color: var(--isj-navy-950); font-size: 1rem; box-shadow: 0 6px 16px rgba(201, 160, 67, .35); }
.isj-quick__label { font: 700 .9rem/1.25 var(--isj-display); flex: 1; }
.isj-quick__go { font-size: .75rem; opacity: .5; transition: transform .3s var(--isj-ease), opacity .3s; }
.isj-quick__tile:hover .isj-quick__go { opacity: 1; transform: translateX(3px); color: var(--isj-gold-400); }

.isj-home { position: relative; z-index: 2; margin-top: -64px; padding-bottom: 80px; display: flex; flex-direction: column; gap: 28px; }
.isj-home-slider { border-radius: var(--isj-radius-lg); overflow: hidden; box-shadow: var(--isj-shadow-lg); background: var(--isj-surface); }
.isj-home-slider + .isj-section-head { margin-top: 28px; }

.isj-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-top: 24px; }
.isj-home > .isj-section-head:first-child,
.isj-home > .isj-section-head:first-of-type { margin-top: 0; }
.isj-section-title { font-size: clamp(1.4rem, 2.4vw, 1.9rem); font-weight: 800; margin: 8px 0 0; }
.isj-section-sub { color: var(--isj-muted); margin: 0; max-width: 460px; font-size: .95rem; }

/* Carduri știri */
.isj-news-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
.isj-news { --tone: var(--isj-blue-600); display: flex; flex-direction: column; background: var(--isj-surface); border: 1px solid var(--isj-line); border-radius: var(--isj-radius-lg); overflow: hidden; box-shadow: var(--isj-shadow); transition: box-shadow .3s, transform .3s var(--isj-ease); }
.isj-news:hover { box-shadow: var(--isj-shadow-lg); }
.isj-news--green { --tone: var(--isj-green); }
.isj-news--amber { --tone: var(--isj-amber); }
:root[data-theme="dark"] .isj-news { --tone: #7FB0FF; }
:root[data-theme="dark"] .isj-news--green { --tone: #5ED39A; }
:root[data-theme="dark"] .isj-news--amber { --tone: #F3B65A; }
.isj-news__head { display: flex; align-items: center; gap: 12px; padding: 20px 22px 16px; position: relative; }
.isj-news__head::before { content: ''; position: absolute; inset: 0 0 auto; height: 4px; background: var(--tone); }
.isj-news__icon { width: 40px; height: 40px; border-radius: 12px; flex-shrink: 0; display: grid; place-items: center; background: color-mix(in srgb, var(--tone, var(--isj-blue-600)) 11%, transparent); color: var(--tone, var(--isj-blue-600)); }
.isj-news__title { flex: 1; font-size: 1.08rem; font-weight: 800; margin: 0; }
.isj-news__title a { color: var(--isj-ink); }
.isj-news__title a:hover { color: var(--tone); }
.isj-news__all { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--isj-surface-2); color: var(--isj-muted); font-size: .75rem; transition: all .25s var(--isj-ease); }
.isj-news__all:hover { background: var(--tone); color: #fff; transform: translateX(2px); }
.isj-news__body { flex: 1; padding: 0 22px 6px; }
.isj-news__list { list-style: none; margin: 0; padding: 0; }
.isj-news__item a { position: relative; display: flex; flex-direction: column; gap: 4px; padding: 13px 0 13px 16px; border-top: 1px solid var(--isj-line-2); color: inherit; }
.isj-news__item a::before { content: ''; position: absolute; left: 0; top: 19px; width: 6px; height: 6px; border-radius: 50%; background: color-mix(in srgb, var(--tone) 45%, transparent); transition: transform .25s var(--isj-ease), background .25s; }
.isj-news__item a:hover::before { background: var(--tone); transform: scale(1.4); }
.isj-news__meta { display: flex; align-items: center; gap: 8px; font-size: .74rem; font-weight: 600; color: var(--isj-muted); letter-spacing: .01em; }
.isj-news__new { padding: 1px 7px; border-radius: 999px; background: var(--isj-gold-100); color: #8A6510; font-size: .64rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
:root[data-theme="dark"] .isj-news__new { color: var(--isj-gold-400); }
.isj-news__item-title { font-size: .875rem; font-weight: 600; line-height: 1.5; color: var(--isj-ink-2); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; transition: color .2s; }
.isj-news__item a:hover .isj-news__item-title { color: var(--tone); }
.isj-news__foot { padding: 14px 22px; border-top: 1px solid var(--isj-line-2); }
.isj-news__foot .isj-link-arrow { color: var(--tone); }

.isj-datebadge { background: var(--tone); color: #fff; border-color: var(--tone); }
.isj-news__foot { padding: 12px 18px; border-top: 1px solid var(--isj-line-2); background: var(--isj-surface-2); }
.isj-news__foot .isj-link-arrow { color: var(--tone); }

.isj-datebadge { flex-shrink: 0; width: 46px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 5px 0; border-radius: 10px; background: var(--isj-surface-2); border: 1px solid var(--isj-line); color: var(--isj-ink); line-height: 1; transition: all .25s; }
.isj-datebadge__d { font: 800 1.05rem/1 var(--isj-display); }
.isj-datebadge__m { font: 700 .62rem/1 var(--isj-font); text-transform: uppercase; letter-spacing: .06em; margin-top: 3px; opacity: .7; }

/* Unități conexe */
.isj-units__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 22px; }
.isj-unit { position: relative; display: flex; align-items: stretch; min-height: 210px; background: var(--isj-surface); border: 1px solid var(--isj-line); border-radius: var(--isj-radius-lg); color: inherit; overflow: hidden; box-shadow: var(--isj-shadow-sm); transition: transform .35s var(--isj-ease), box-shadow .35s, border-color .35s; }
.isj-unit::after { content: ''; position: absolute; inset: auto 0 0; height: 3px; background: linear-gradient(90deg, var(--isj-navy-800), var(--isj-gold-500)); transform: scaleX(0); transform-origin: left; transition: transform .45s var(--isj-ease); z-index: 2; }
.isj-unit:hover { transform: translateY(-4px); box-shadow: var(--isj-shadow-lg); border-color: transparent; color: inherit; }
.isj-unit:hover::after { transform: scaleX(1); }
.isj-unit__logo { position: relative; flex: 0 0 42%; overflow: hidden; background: linear-gradient(135deg, var(--isj-navy-900), var(--isj-navy-700)); display: grid; place-items: center; color: rgba(255, 255, 255, .35); font-size: 2.6rem; }
.isj-unit__logo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--isj-ease); }
.isj-unit__logo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 60%, rgba(0, 20, 43, .12)); }
.isj-unit:hover .isj-unit__logo img { transform: scale(1.06); }
.isj-unit__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 10px; padding: 24px 26px; }
.isj-unit__title { font: 800 1.2rem/1.3 var(--isj-display); color: var(--isj-ink); transition: color .2s; }
.isj-unit:hover .isj-unit__title { color: var(--isj-accent); }
.isj-unit__excerpt { font-size: .9rem; color: var(--isj-muted); line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.isj-unit__cta { margin-top: auto; align-self: flex-start; font-size: .82rem; font-weight: 700; color: var(--isj-accent); display: inline-flex; gap: 8px; align-items: center; padding: 8px 16px; border-radius: 999px; background: var(--isj-accent-soft); transition: background .25s, color .25s; }
.isj-unit__cta i { transition: transform .25s; }
.isj-unit:hover .isj-unit__cta { background: var(--isj-navy-900); color: #fff; }
.isj-unit:hover .isj-unit__cta i { transform: translateX(4px); }
@media (max-width: 991.98px) { .isj-units__grid { grid-template-columns: 1fr; } }
@media (max-width: 575.98px) {
    .isj-unit { flex-direction: column; min-height: 0; }
    .isj-unit__logo { flex: none; aspect-ratio: 16/9; }
    .isj-unit__body { padding: 18px 20px; }
}

/* Panouri (MEC + linkuri utile) */
.isj-home-split { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 22px; margin-top: 12px; }
.isj-panel { background: var(--isj-surface); border: 1px solid var(--isj-line); border-radius: var(--isj-radius); overflow: hidden; box-shadow: var(--isj-shadow-sm); display: flex; flex-direction: column; }
.isj-panel__head { display: flex; align-items: center; gap: 12px; padding: 16px 20px; border-bottom: 1px solid var(--isj-line-2); }
.isj-panel__head h2 { font-size: 1rem; font-weight: 800; margin: 0; }
.isj-panel__head--navy { background: linear-gradient(135deg, var(--isj-navy-900), var(--isj-navy-800)); border-bottom: 0; }
.isj-panel__head--navy h2 { color: #fff; }
.isj-panel__head--navy .isj-news__icon { background: rgba(255, 255, 255, .12); color: var(--isj-gold-400); }
.isj-panel__body { padding: 18px 20px; }
.isj-mec__body { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 24px; padding: 20px; }
.isj-mec__body:has(> :only-child) { grid-template-columns: 1fr; }
.isj-mec__logo { width: 260px; max-width: 100%; margin-bottom: 14px; }
:root[data-theme="dark"] .isj-mec__logo { background: #fff; border-radius: 10px; padding: 8px; }
.isj-mec__list { list-style: none; margin: 0 0 14px; padding: 0; counter-reset: mec; }
.isj-mec__list li { counter-increment: mec; }
.isj-mec__list a { position: relative; display: grid; gap: 3px; padding: 12px 0 12px 44px; border-bottom: 1px solid var(--isj-line-2); color: inherit; }
.isj-mec__list li:last-child a { border-bottom: 0; }
.isj-mec__list a::before { content: counter(mec, decimal-leading-zero); position: absolute; left: 0; top: 13px; font: 800 .95rem/1 var(--isj-display); color: var(--isj-gold-500); }
.isj-mec__date { font-size: .74rem; font-weight: 600; color: var(--isj-muted); }
.isj-mec__title { font-weight: 700; color: var(--isj-ink); line-height: 1.4; transition: color .2s; }
.isj-mec__list a:hover .isj-mec__title { color: var(--isj-accent); }
.isj-mec__excerpt { font-size: .84rem; color: var(--isj-muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.isj-mec__aside { border-left: 1px solid var(--isj-line); padding-left: 22px; }
.isj-useful__body { overflow: hidden; overflow-wrap: anywhere; }
.isj-useful__body img:not(.card-isjctv2 img) { max-width: 100% !important; height: auto !important; border-radius: 10px; }
.isj-useful__body table { width: 100% !important; table-layout: fixed; }

/* Modal */
.isj-modal { position: fixed; inset: 0; z-index: 3000; display: grid; place-items: center; padding: 20px; }
.isj-modal[hidden] { display: none; }
.isj-modal__scrim { position: absolute; inset: 0; background: rgba(0, 12, 28, .62); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); animation: isj-fade .25s; }
.isj-modal__dialog { position: relative; width: min(900px, 100%); max-height: 88vh; overflow: auto; background: var(--isj-surface); border-radius: var(--isj-radius-lg); box-shadow: var(--isj-shadow-lg); animation: isj-pop .35s var(--isj-ease); }
.isj-modal__close { position: sticky; top: 14px; float: right; margin: 14px 14px 0 0; z-index: 2; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--isj-line); background: var(--isj-surface); color: var(--isj-ink); cursor: pointer; transition: transform .25s, background .2s; }
.isj-modal__close:hover { transform: rotate(90deg); background: var(--isj-navy-900); color: #fff; }
.isj-modal__content { padding: 34px 40px 40px; }
.isj-modal__hero { display: flex; gap: 20px; align-items: center; padding-bottom: 20px; margin-bottom: 22px; border-bottom: 1px solid var(--isj-line); }
.isj-modal__hero img { width: 110px; height: 80px; object-fit: contain; background: #fff; border-radius: 12px; border: 1px solid var(--isj-line-2); padding: 8px; }
.isj-modal__hero h2 { margin: 0 0 8px; font-size: 1.5rem; font-weight: 800; }
.isj-skeleton { height: 14px; border-radius: 6px; margin: 12px 0; background: linear-gradient(90deg, var(--isj-line-2), var(--isj-line), var(--isj-line-2)); background-size: 200% 100%; animation: isj-shimmer 1.2s linear infinite; }
@keyframes isj-shimmer { to { background-position: -200% 0; } }
@keyframes isj-fade { from { opacity: 0; } }
@keyframes isj-pop { from { opacity: 0; transform: translateY(16px) scale(.98); } }
body.isj-lock { overflow: hidden; }

/* ==========================================================================
   8. LAYOUT INTERIOR + ARTICOL
   ========================================================================== */
.isj-layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 32px; align-items: start; margin-top: -56px; padding-bottom: 72px; position: relative; z-index: 2; }
.isj-layout__main { min-width: 0; display: flex; flex-direction: column; gap: 24px; }
.isj-sticky { position: sticky; top: calc(var(--isj-nav-h) + 20px); display: flex; flex-direction: column; gap: 20px; }
.admin-bar .isj-sticky { top: calc(var(--isj-nav-h) + 52px); }

.isj-article { background: var(--isj-surface); border: 1px solid var(--isj-line); border-radius: var(--isj-radius-lg); box-shadow: var(--isj-shadow); overflow: hidden; }
.isj-article__cover { margin: 0; background: var(--isj-surface-2); }
.isj-article__cover img { display: block; width: 100%; height: auto; max-height: 380px; object-fit: cover; }
.isj-article__cover a { display: block; cursor: zoom-in; }
.isj-article__cover figcaption { padding: 10px 40px; font-size: .8rem; color: var(--isj-muted); border-bottom: 1px solid var(--isj-line-2); }
.isj-article__cover--logo { display: grid; place-items: center; padding: 28px; background: linear-gradient(180deg, var(--isj-surface-2), var(--isj-surface)); border-bottom: 1px solid var(--isj-line-2); }
.isj-article__cover--logo img { width: auto; max-height: 180px; object-fit: contain; }
.isj-article__body { padding: 40px 48px; }
.isj-article__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; padding: 18px 48px; border-top: 1px solid var(--isj-line-2); background: var(--isj-surface-2); }

/* Tipografie conținut (din editor) */
.isj-prose { font-size: 1.04rem; line-height: 1.8; color: var(--isj-ink-2); overflow-wrap: break-word; }
.isj-prose > :first-child { margin-top: 0; }
.isj-prose > :last-child { margin-bottom: 0; }
.isj-prose p { margin: 0 0 1.15em; font-size: inherit; line-height: inherit; }
.isj-prose h1, .isj-prose h2, .isj-prose h3, .isj-prose h4 { margin: 1.8em 0 .6em; font-weight: 800; }
.isj-prose h1 { font-size: 1.85rem; }
.isj-prose h2 { font-size: 1.5rem; padding-bottom: .35em; border-bottom: 1px solid var(--isj-line); }
.isj-prose h3 { font-size: 1.22rem; }
.isj-prose h4 { font-size: 1.05rem; }
.isj-prose h5, .isj-prose h6 { font-size: .95rem; line-height: 1.4; margin: 1.4em 0 .5em; }
.isj-prose a:not(.isj-btn):not(.button):not(.wp-block-button__link):not(.isj-file):not(.lp-title):not(.lp-readmore):not(.isj-feed__title):not(.isj-feed__more) { color: var(--isj-accent); text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--isj-accent) 35%, transparent); text-underline-offset: 3px; text-decoration-thickness: 1.5px; transition: text-decoration-color .2s, color .2s; }
.isj-prose a:not(.isj-btn):not(.button):hover { text-decoration-color: currentColor; }
.isj-prose ul, .isj-prose ol { margin: 0 0 1.2em; padding-left: 1.4em; }
.isj-prose li { margin: .35em 0; padding-left: .2em; }
.isj-prose ul li::marker { color: var(--isj-gold-500); }
.isj-prose ol li::marker { color: var(--isj-accent); font-weight: 700; }
.isj-prose blockquote { margin: 1.6em 0; padding: 18px 24px 18px 56px; position: relative; border-radius: var(--isj-radius); background: var(--isj-blue-50); color: var(--isj-ink); font-size: 1.08rem; font-style: italic; border-left: 4px solid var(--isj-gold-500); }
.isj-prose blockquote::before { content: '\201C'; position: absolute; left: 16px; top: 2px; font: 800 3rem/1 Georgia, serif; color: var(--isj-gold-500); opacity: .7; }
.isj-prose img { border-radius: 12px; height: auto; }
.isj-prose figure { margin: 1.6em 0; }
.isj-prose figcaption, .isj-prose .wp-caption-text { font-size: .82rem; color: var(--isj-muted); text-align: center; margin-top: .6em; }
.isj-prose hr { border: 0; height: 1px; background: var(--isj-line); margin: 2em 0; opacity: 1; }
.isj-prose table { width: 100%; border-collapse: separate; border-spacing: 0; margin: 1.5em 0; font-size: .92rem; border: 1px solid var(--isj-line); border-radius: 12px; overflow: hidden; }
.isj-table-wrap { margin: 1.5em 0; border-radius: 12px; }
.isj-table-wrap > table { margin: 0; }
.isj-prose th, .isj-prose td { padding: 11px 14px; border-bottom: 1px solid var(--isj-line-2); text-align: left; vertical-align: top; }
.isj-prose th, .isj-prose thead td { background: var(--isj-navy-900); color: #fff; font-weight: 700; }
.isj-prose tbody tr:nth-child(even) td { background: var(--isj-surface-2); }
.isj-prose tbody tr:hover td { background: var(--isj-blue-50); }
.isj-prose iframe, .isj-prose video { max-width: 100%; border-radius: 12px; }
.isj-prose pre { background: var(--isj-navy-950); color: #E2E8F0; padding: 18px; border-radius: 12px; overflow-x: auto; }
.isj-prose--sm { font-size: .9rem; line-height: 1.65; }
.isj-prose--sm p { margin-bottom: .8em; }
.isj-prose--sm ul { padding-left: 1.1em; }

/* Linkuri către documente (PDF, Word, Excel…) — afișate ca fișiere descărcabile */
.isj-prose a.isj-file { display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px 8px 10px; margin: 2px 0; border: 1px solid var(--isj-line); border-radius: 10px; background: var(--isj-surface); text-decoration: none; color: var(--isj-ink); font-weight: 600; font-size: .92rem; transition: border-color .2s, box-shadow .2s, transform .2s; }
.isj-prose a.isj-file:hover { border-color: var(--isj-accent); box-shadow: var(--isj-shadow-sm); transform: translateY(-1px); color: var(--isj-accent); }
.isj-file__ico { width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; flex-shrink: 0; color: #fff; font-size: .85rem; background: var(--isj-blue-600); }
.isj-file--pdf .isj-file__ico { background: #D93025; }
.isj-file--doc .isj-file__ico { background: #2B579A; }
.isj-file--xls .isj-file__ico { background: #217346; }
.isj-file--ppt .isj-file__ico { background: #C43E1C; }
.isj-file--zip .isj-file__ico { background: #6B7280; }

/* Share */
.isj-share { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.isj-share__label { font: 700 .72rem/1 var(--isj-font); text-transform: uppercase; letter-spacing: .1em; color: var(--isj-muted); margin-right: 6px; }
.isj-share__btn { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--isj-line); background: var(--isj-surface); color: var(--isj-ink-2); cursor: pointer; font-size: .85rem; transition: all .25s var(--isj-ease); }
.isj-share__btn:hover { transform: translateY(-2px); color: #fff; background: var(--isj-navy-900); border-color: var(--isj-navy-900); }
.isj-share__btn.is-fb:hover { background: #1877F2; border-color: #1877F2; }
.isj-share__btn.is-wa:hover { background: #25D366; border-color: #25D366; }
.isj-share__btn.is-li:hover { background: #0A66C2; border-color: #0A66C2; }

.isj-tags { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; color: var(--isj-muted); font-size: .85rem; }
.isj-tags i { margin-right: 4px; }
.isj-tags a { padding: 4px 11px; border-radius: 999px; background: var(--isj-surface); border: 1px solid var(--isj-line); color: var(--isj-ink-2); font-size: .78rem; font-weight: 600; }
.isj-tags a:hover { border-color: var(--isj-accent); color: var(--isj-accent); }
.isj-edit { margin-left: auto; }
.isj-edit a { display: inline-flex; gap: 8px; align-items: center; font-size: .82rem; font-weight: 700; color: var(--isj-navy-950) !important; padding: 9px 18px; border-radius: 999px; background: linear-gradient(135deg, var(--isj-gold-400), var(--isj-gold-500)); box-shadow: 0 6px 16px rgba(201, 160, 67, .3); text-decoration: none !important; transition: transform .2s, box-shadow .2s; }
.isj-edit a:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(201, 160, 67, .45); }
@media print { .isj-edit { display: none !important; } }

.isj-postnav { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.isj-postnav__item { display: flex; flex-direction: column; gap: 6px; padding: 18px 22px; background: var(--isj-surface); border: 1px solid var(--isj-line); border-radius: var(--isj-radius); color: inherit; transition: all .3s var(--isj-ease); }
.isj-postnav__item:hover { border-color: var(--isj-accent); box-shadow: var(--isj-shadow-sm); transform: translateY(-2px); color: inherit; }
.isj-postnav__item--next { text-align: right; align-items: flex-end; }
.isj-postnav__dir { font: 700 .72rem/1 var(--isj-font); text-transform: uppercase; letter-spacing: .08em; color: var(--isj-gold-500); display: inline-flex; gap: 6px; align-items: center; }
.isj-postnav__title { font: 700 .95rem/1.4 var(--isj-display); color: var(--isj-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.isj-related { padding-bottom: 80px; }
.isj-related .isj-section-head { margin: 0 0 22px; }

/* ==========================================================================
   9. WIDGETURI SIDEBAR
   ========================================================================== */
.isj-widget, .isj-layout__side .widget { background: var(--isj-surface); border: 1px solid var(--isj-line); border-radius: var(--isj-radius); box-shadow: var(--isj-shadow-sm); overflow: hidden; }
.isj-widget__head { display: flex; align-items: center; gap: 10px; padding: 14px 18px; border-bottom: 1px solid var(--isj-line-2); }
.isj-widget__head h2 { margin: 0; font: 800 .8rem/1.3 var(--isj-display); text-transform: uppercase; letter-spacing: .07em; }
.isj-widget__icon { width: 30px; height: 30px; flex-shrink: 0; border-radius: 9px; display: grid; place-items: center; background: var(--isj-accent-soft); color: var(--isj-accent); font-size: .8rem; }
.isj-widget__body { padding: 14px 18px 16px; }
.isj-layout__side .widget { padding: 16px 18px; margin: 0 !important; }
.isj-layout__side .widget-title { font: 800 .8rem/1.3 var(--isj-display); text-transform: uppercase; letter-spacing: .07em; margin: 0 0 12px; padding-bottom: 12px; border-bottom: 1px solid var(--isj-line-2); }
.isj-layout__side .widget ul { list-style: none; padding: 0; margin: 0; }
.isj-layout__side .widget li { padding: 7px 0; border-bottom: 1px solid var(--isj-line-2); font-size: .9rem; }
.isj-layout__side .widget li:last-child { border-bottom: 0; }

.isj-mini { list-style: none; margin: 0; padding: 0; }
.isj-mini__item { display: flex; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--isj-line-2); color: inherit; }
.isj-mini li:first-child .isj-mini__item { padding-top: 2px; }
.isj-mini li:last-child .isj-mini__item { border-bottom: 0; padding-bottom: 0; }
.isj-mini__thumb { width: 58px; height: 58px; flex-shrink: 0; border-radius: 10px; overflow: hidden; background: var(--isj-surface-2); }
.isj-mini__thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s var(--isj-ease); }
.isj-mini__thumb--ph { display: grid; place-items: center; color: var(--isj-accent); background: var(--isj-accent-soft); }
.isj-mini__item:hover img { transform: scale(1.08); }
.isj-mini__txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.isj-mini__title { font-size: .86rem; font-weight: 650; line-height: 1.4; color: var(--isj-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color .2s; }
.isj-mini__item:hover .isj-mini__title { color: var(--isj-accent); }
.isj-mini__date { font-size: .74rem; color: var(--isj-muted); }

.isj-subnav, .isj-subnav ul { list-style: none; margin: 0; padding: 0; }
.isj-subnav ul { padding-left: 14px; border-left: 2px solid var(--isj-line-2); margin: 2px 0 6px 12px; }
.isj-subnav a { display: block; padding: 8px 12px; border-radius: 9px; font-size: .88rem; font-weight: 550; color: var(--isj-ink-2); transition: background .15s, color .15s; }
.isj-subnav a:hover { background: var(--isj-surface-2); color: var(--isj-accent); }
.isj-subnav .current_page_item > a { background: var(--isj-navy-900); color: #fff; }

.isj-catlist { list-style: none; margin: 0; padding: 0; }
.isj-catlist a { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 8px 10px; margin: 0 -10px; border-radius: 9px; font-size: .88rem; font-weight: 550; color: var(--isj-ink-2); }
.isj-catlist a:hover { background: var(--isj-surface-2); color: var(--isj-accent); }

.isj-toc__list { list-style: none; margin: 0; padding: 0; counter-reset: toc; max-height: 50vh; overflow: auto; }
.isj-toc__list li { counter-increment: toc; }
.isj-toc__list a { display: flex; gap: 10px; padding: 7px 10px; border-radius: 8px; font-size: .85rem; line-height: 1.4; color: var(--isj-ink-2); border-left: 2px solid transparent; }
.isj-toc__list a::before { content: counter(toc); font-weight: 800; color: var(--isj-muted); font-size: .75rem; min-width: 14px; padding-top: 1px; }
.isj-toc__list .is-h3 a { padding-left: 30px; font-size: .8rem; }
.isj-toc__list .is-h3 a::before { content: '–'; }
.isj-toc__list a:hover { background: var(--isj-surface-2); }
.isj-toc__list a.is-active { color: var(--isj-accent); border-left-color: var(--isj-gold-500); background: var(--isj-accent-soft); font-weight: 600; }

.isj-facts { margin: 0; display: grid; gap: 12px; }
.isj-facts div { display: grid; gap: 2px; }
.isj-facts dt { font: 700 .7rem/1 var(--isj-font); text-transform: uppercase; letter-spacing: .08em; color: var(--isj-muted); }
.isj-facts dd { margin: 0; font-weight: 600; color: var(--isj-ink); }

.isj-searchform { position: relative; display: flex; align-items: center; background: var(--isj-surface-2); border: 1px solid var(--isj-line); border-radius: 999px; padding: 4px 4px 4px 40px; transition: border-color .2s, box-shadow .2s; }
.isj-searchform:focus-within { border-color: var(--isj-accent); box-shadow: 0 0 0 4px var(--isj-accent-soft); background: var(--isj-surface); }
.isj-searchform > i { position: absolute; left: 16px; color: var(--isj-muted); font-size: .85rem; }
.isj-searchform input { flex: 1; min-width: 0; border: 0; outline: 0; background: none; padding: 8px 0; color: var(--isj-ink); font-size: .9rem; }
.isj-searchform button { width: 36px; height: 36px; border-radius: 50%; border: 0; background: var(--isj-navy-900); color: #fff; cursor: pointer; }

/* ==========================================================================
   10. CARDURI ARTICOLE, PAGINARE, GOL
   ========================================================================== */
.isj-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.isj-cards--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.isj-pcard { display: flex; flex-direction: column; background: var(--isj-surface); border: 1px solid var(--isj-line); border-radius: var(--isj-radius); overflow: hidden; box-shadow: var(--isj-shadow-xs); transition: transform .35s var(--isj-ease), box-shadow .35s, border-color .35s; }
.isj-pcard:hover { transform: translateY(-4px); box-shadow: var(--isj-shadow); border-color: transparent; }
.isj-pcard__media { position: relative; display: block; aspect-ratio: 2/1; overflow: hidden; background: linear-gradient(135deg, var(--isj-navy-900), var(--isj-navy-700)); }
.isj-pcard__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--isj-ease); }
.isj-pcard:hover .isj-pcard__media img { transform: scale(1.06); }
.isj-pcard__ph { position: absolute; inset: 0; display: grid; place-items: center; font-size: 2.4rem; color: rgba(255, 255, 255, .22); background: radial-gradient(300px 140px at 80% 0%, rgba(45, 111, 209, .5), transparent 70%), radial-gradient(240px 120px at 0% 100%, rgba(201, 160, 67, .35), transparent 70%); }
.isj-pcard__media .isj-datebadge { position: absolute; left: 14px; top: 14px; background: rgba(255, 255, 255, .95); border: 0; color: var(--isj-navy-900); box-shadow: 0 6px 16px rgba(0, 0, 0, .18); }
.isj-pcard__body { flex: 1; display: flex; flex-direction: column; gap: 10px; padding: 18px 20px 18px; }
.isj-pcard__top { display: flex; gap: 6px; flex-wrap: wrap; }
.isj-pcard__title { font-size: 1.06rem; font-weight: 800; line-height: 1.35; margin: 0; }
.isj-pcard__title a { color: var(--isj-ink); background: linear-gradient(currentColor, currentColor) 0 100% / 0 1.5px no-repeat; transition: background-size .4s var(--isj-ease), color .2s; }
.isj-pcard:hover .isj-pcard__title a { color: var(--isj-accent); background-size: 100% 1.5px; }
.isj-pcard__excerpt { margin: 0; font-size: .88rem; color: var(--isj-muted); line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.isj-pcard__meta { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--isj-line-2); display: flex; align-items: center; gap: 14px; font-size: .76rem; color: var(--isj-muted); }
.isj-pcard__meta i { margin-right: 3px; }
.isj-pcard__more { margin-left: auto; font-weight: 700; color: var(--isj-accent); display: inline-flex; gap: 6px; align-items: center; }
.isj-pcard__more i { transition: transform .25s; }
.isj-pcard:hover .isj-pcard__more i { transform: translateX(4px); }

.isj-pcard--feature { grid-column: 1 / -1; flex-direction: row; }

/* Card fără imagine (cazul cel mai frecvent pe site) */
.isj-pcard--text { position: relative; }
.isj-pcard--text::before { content: ''; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, var(--isj-navy-800), var(--isj-gold-500)); opacity: .85; }
.isj-pcard--text .isj-pcard__body { padding-top: 20px; }
.isj-pcard--text .isj-pcard__top { align-items: center; }
.isj-pcard__icon { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; background: var(--isj-accent-soft); color: var(--isj-accent); font-size: .8rem; margin-right: 4px; flex-shrink: 0; }
.isj-pcard--feature.isj-pcard--text { flex-direction: column; }
.isj-pcard--feature.isj-pcard--text .isj-pcard__body { padding: 26px 30px; }
.isj-pcard--feature.isj-pcard--text .isj-pcard__excerpt { -webkit-line-clamp: 3; max-width: 820px; }
.isj-pcard--row.isj-pcard--text .isj-pcard__body { padding: 18px 22px; }
.isj-mini .isj-datebadge { width: 50px; height: 50px; }
.isj-pcard--feature .isj-pcard__media { flex: 0 0 40%; aspect-ratio: auto; min-height: 220px; max-height: 280px; }
.isj-pcard--feature .isj-pcard__body { padding: 28px 30px; justify-content: center; }
.isj-pcard--feature .isj-pcard__title { font-size: 1.45rem; }
.isj-pcard--feature .isj-pcard__excerpt { -webkit-line-clamp: 4; font-size: .95rem; }

.isj-results { display: flex; flex-direction: column; gap: 14px; }
.isj-pcard--row { flex-direction: row; }
.isj-pcard--row .isj-pcard__media { flex: 0 0 180px; aspect-ratio: auto; min-height: 0; }
.isj-pcard--row .isj-pcard__title { font-size: 1.08rem; }

.isj-pager { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.isj-pager .page-numbers { min-width: 42px; height: 42px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; background: var(--isj-surface); border: 1px solid var(--isj-line); color: var(--isj-ink-2); font-weight: 700; font-size: .88rem; transition: all .2s; }
.isj-pager a.page-numbers:hover { border-color: var(--isj-navy-900); color: var(--isj-ink); transform: translateY(-1px); }
.isj-pager .page-numbers.current { background: var(--isj-navy-900); border-color: var(--isj-navy-900); color: #fff; box-shadow: 0 6px 16px rgba(0, 31, 63, .25); }
.isj-pager .page-numbers.dots { border: 0; background: none; }
.isj-pager--inline { justify-content: flex-start; margin-top: 2em; }

.isj-empty { text-align: center; padding: 56px 32px; background: var(--isj-surface); border: 1px solid var(--isj-line); border-radius: var(--isj-radius-lg); box-shadow: var(--isj-shadow); }
.isj-empty__icon { width: 76px; height: 76px; margin: 0 auto 18px; border-radius: 22px; display: grid; place-items: center; font-size: 1.8rem; color: var(--isj-accent); background: var(--isj-accent-soft); }
.isj-empty h2 { font-size: 1.4rem; font-weight: 800; }
.isj-empty p { color: var(--isj-muted); max-width: 460px; margin: 0 auto 18px; }
.isj-empty__tips { list-style: none; padding: 0; margin: 0 0 22px; font-size: .86rem; color: var(--isj-muted); }
.isj-empty .isj-searchform { max-width: 420px; margin: 0 auto; }

.isj-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 18px; }
.isj-filter { padding: 7px 16px; border-radius: 999px; font-size: .82rem; font-weight: 600; color: rgba(255, 255, 255, .85); background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .16); }
.isj-filter:hover { color: #fff; background: rgba(255, 255, 255, .16); }
.isj-filter.is-active { background: #fff; color: var(--isj-navy-900); border-color: #fff; }
.isj-filters__count { margin-left: auto; font-size: .85rem; color: rgba(255, 255, 255, .75); }
.isj-hl { background: rgba(201, 160, 67, .3); color: inherit; border-radius: 3px; padding: 0 2px; }

/* ==========================================================================
   11. COMENTARII
   ========================================================================== */
.isj-comments { background: var(--isj-surface); border: 1px solid var(--isj-line); border-radius: var(--isj-radius-lg); box-shadow: var(--isj-shadow-sm); padding: 28px 32px; }
.isj-comments__head { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.isj-comments__head h2 { margin: 0; font-size: 1.2rem; font-weight: 800; }
.isj-comments__list, .isj-comments__list .children { list-style: none; margin: 0; padding: 0; }
.isj-comments__list .children { margin-left: 34px; padding-left: 20px; border-left: 2px solid var(--isj-line-2); }
.isj-comment__card { display: flex; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--isj-line-2); }
.isj-comment__avatar img { border-radius: 50%; }
.isj-comment__main { flex: 1; min-width: 0; }
.isj-comment__head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 4px; }
.isj-comment__author, .isj-comment__author a { color: var(--isj-ink); font-weight: 700; }
.isj-comment__date { font-size: .76rem; color: var(--isj-muted); }
.isj-comment__text { font-size: .94rem; }
.isj-comment__text p { margin: 0 0 .6em; }
.isj-comment__reply a { font-size: .8rem; font-weight: 700; color: var(--isj-accent); display: inline-flex; gap: 6px; align-items: center; }
.is-author > .isj-comment__card .isj-comment__avatar img { box-shadow: 0 0 0 3px var(--isj-gold-500); }
.isj-comments__empty { color: var(--isj-muted); display: flex; gap: 10px; align-items: center; padding: 6px 0 12px; margin: 0; }
.isj-comments__form { margin-top: 18px; padding-top: 22px; border-top: 1px solid var(--isj-line); }
.isj-comments__form form { display: flex; flex-wrap: wrap; gap: 0 16px; }
.isj-comments__form form > * { flex: 1 1 100%; }
.isj-comments__form-title { font-size: 1.1rem; font-weight: 800; display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.isj-comments__form-title small a { font-size: .8rem; color: var(--isj-red); font-family: var(--isj-font); }
.isj-comments__note { font-size: .84rem; color: var(--isj-muted); }
.isj-field { margin: 0 0 14px; display: flex; flex-direction: column; gap: 6px; }
.isj-field--half { flex: 1 1 calc(50% - 8px) !important; }
.isj-field label { font-size: .84rem; font-weight: 600; color: var(--isj-ink); }
.isj-field input, .isj-field textarea { width: 100%; border: 1px solid var(--isj-line); background: var(--isj-surface-2); color: var(--isj-ink); border-radius: 12px; padding: 11px 14px; font: inherit; font-size: .95rem; transition: border-color .2s, box-shadow .2s, background .2s; }
.isj-field input:focus, .isj-field textarea:focus { outline: 0; border-color: var(--isj-accent); background: var(--isj-surface); box-shadow: 0 0 0 4px var(--isj-accent-soft); }
.isj-field--check { flex-direction: row; align-items: center; gap: 10px; }
.isj-field--check input { width: auto; }
.isj-field--check label { font-weight: 400; color: var(--isj-muted); }
.isj-req { color: var(--isj-red); }
.isj-comments .form-submit { margin: 4px 0 0; }

/* ==========================================================================
   12. 404
   ========================================================================== */
.isj-404 { position: relative; isolation: isolate; overflow: hidden; color: #fff; padding: 48px 0 110px; text-align: center; }
.isj-404 .isj-crumbs ol { justify-content: center; }
.isj-404__inner { display: flex; flex-direction: column; align-items: center; }
.isj-404__code { display: flex; align-items: center; gap: 6px; margin-top: 28px; font: 800 clamp(6rem, 18vw, 11rem)/1 var(--isj-display); letter-spacing: -.04em; background: linear-gradient(180deg, #fff, rgba(255, 255, 255, .35)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.isj-404__code span { display: grid; place-items: center; width: .85em; height: .85em; border-radius: 50%; background: linear-gradient(135deg, var(--isj-gold-400), var(--isj-gold-500)); font-size: .8em; box-shadow: 0 20px 60px rgba(201, 160, 67, .4); }
.isj-404__code span i { font-size: .5em; color: var(--isj-navy-950); animation: isj-spin 8s linear infinite; }
@keyframes isj-spin { to { transform: rotate(360deg); } }
.isj-404__title { color: #fff; font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 800; margin: 18px 0 10px; }
.isj-404__desc { color: rgba(255, 255, 255, .78); max-width: 580px; margin: 0 auto 26px; }
.isj-404 .isj-hero-search { width: 100%; }
.isj-404__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 22px; }
.isj-404__more { margin-top: -56px; position: relative; z-index: 2; padding-bottom: 80px; }
.isj-404__more .isj-section-head { background: var(--isj-surface); padding: 20px 26px; border-radius: var(--isj-radius); border: 1px solid var(--isj-line); margin: 0 0 22px; box-shadow: var(--isj-shadow-sm); }

/* ==========================================================================
   13. FOOTER + UTILITARE FIXE
   ========================================================================== */
.isj-footer { position: relative; overflow: hidden; color: rgba(255, 255, 255, .78); background: var(--isj-navy-950); isolation: isolate; }
.isj-footer::before { content: ''; position: absolute; inset: 0; z-index: -1; background: url('../../images/bg-hero-1200.webp') left bottom / auto 100% no-repeat; opacity: .12; -webkit-mask-image: linear-gradient(90deg, #000 45%, transparent 85%); mask-image: linear-gradient(90deg, #000 45%, transparent 85%); }
.isj-footer__glow { position: absolute; z-index: -1; width: 700px; height: 400px; right: -200px; top: -200px; border-radius: 50%; background: radial-gradient(circle, rgba(45, 111, 209, .35), transparent 65%); filter: blur(30px); }
.isj-footer::after { content: ''; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, var(--isj-navy-800), var(--isj-gold-500), var(--isj-navy-800)); }
.isj-footer__grid { display: grid; grid-template-columns: 1.45fr 1fr 1fr 1.3fr 1.05fr; gap: 32px; padding: 64px 0 44px; }
.isj-footer__title, .isj-footer .widget-title { position: relative; color: #fff; font: 800 .82rem/1.3 var(--isj-display); text-transform: uppercase; letter-spacing: .12em; margin: 0 0 20px; padding-bottom: 12px; }
.isj-footer__title::after, .isj-footer .widget-title::after { content: ''; position: absolute; left: 0; bottom: 0; width: 28px; height: 2px; border-radius: 2px; background: var(--isj-gold-500); }
.isj-footer p { font-size: .88rem; line-height: 1.75; color: rgba(255, 255, 255, .72); }
.isj-footer a { color: rgba(255, 255, 255, .78); }
.isj-footer a:hover { color: var(--isj-gold-400); }
.isj-footer ul { list-style: none; padding: 0; margin: 0; }
.isj-footer__links li, .isj-footer .widget li { margin: 0 0 10px; }
.isj-footer__links a, .isj-footer .widget li a { display: inline-flex; align-items: center; gap: 8px; font-size: .9rem; transition: color .2s, transform .25s var(--isj-ease); }
.isj-footer__links a::before { content: '\f105'; font: 900 .7rem 'Font Awesome 6 Free'; color: var(--isj-gold-500); transition: transform .25s; }
.isj-footer__links a:hover { transform: translateX(3px); }
.isj-footer__links--ext a::after { content: '\f35d'; font: 900 .6rem 'Font Awesome 6 Free'; opacity: .45; }
.isj-footer__contact li { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 12px; font-size: .88rem; }
.isj-footer__contact i { width: 30px; height: 30px; flex-shrink: 0; border-radius: 9px; display: grid; place-items: center; background: rgba(255, 255, 255, .07); color: var(--isj-gold-400); font-size: .78rem; margin-top: -4px; }
.isj-footer__contact + .isj-btn { margin-top: 6px; }
.isj-footer__hours li { display: flex; justify-content: space-between; gap: 10px; padding: 8px 0; border-bottom: 1px dashed rgba(255, 255, 255, .12); font-size: .84rem; }
.isj-footer__hours strong { color: #fff; font-weight: 600; text-align: right; }
.isj-footer__hours-sub { flex-direction: column; gap: 2px !important; font-size: .78rem !important; opacity: .85; }
.isj-footer__hours-sub strong { text-align: left; }
.isj-footer__hours-sub br { display: none; }
.isj-footer__hours-sub strong { white-space: normal; }
.isj-footer__hours + .isj-link-arrow { margin-top: 14px; }
.isj-footer__badge { display: inline-flex; gap: 12px; align-items: center; margin-top: 10px; padding: 12px 16px; border-radius: 14px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); font-size: .78rem; }
.isj-footer__badge i { font-size: 1.3rem; color: var(--isj-gold-400); }
.isj-footer__badge span { display: flex; flex-direction: column; line-height: 1.35; }
.isj-footer__badge strong { color: #fff; font-size: .88rem; }
.isj-footer__badge:hover { border-color: rgba(221, 185, 94, .5); color: rgba(255, 255, 255, .78); }
.isj-footer__bottom { border-top: 1px solid rgba(255, 255, 255, .08); background: rgba(0, 0, 0, .2); }
.isj-footer__bottom-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; padding-block: 18px; font-size: .8rem; }
.isj-footer__bottom p { margin: 0; font-size: .8rem; color: rgba(255, 255, 255, .6); }

.isj-totop { position: fixed; right: 21px; bottom: 80px; z-index: 1200; width: 48px; height: 48px; border-radius: 50%; border: 0; cursor: pointer; display: grid; place-items: center; background: var(--isj-navy-900); color: #fff; box-shadow: 0 10px 28px rgba(0, 20, 43, .35); opacity: 0; visibility: hidden; transform: translateY(16px); transition: opacity .3s, transform .3s var(--isj-ease), visibility .3s, background .2s; }
.isj-totop.is-visible { opacity: 1; visibility: visible; transform: none; }
.isj-totop:hover { background: var(--isj-navy-800); transform: translateY(-3px); }
.isj-totop svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.isj-totop circle { fill: none; stroke: var(--isj-gold-400); stroke-width: 3; stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: calc(100 - var(--p, 0) * 100); }

.isj-toast { position: fixed; left: 50%; bottom: 28px; z-index: 4000; transform: translate(-50%, 20px); padding: 12px 20px; border-radius: 999px; background: var(--isj-navy-950); color: #fff; font-weight: 600; font-size: .88rem; box-shadow: var(--isj-shadow-lg); opacity: 0; pointer-events: none; transition: opacity .25s, transform .3s var(--isj-ease); }
.isj-toast.is-on { opacity: 1; transform: translate(-50%, 0); }

/* Lightbox */
.isj-lightbox { position: fixed; inset: 0; z-index: 5000; display: grid; place-items: center; background: rgba(0, 8, 20, .92); animation: isj-fade .25s; padding: 60px 70px; }
.isj-lightbox img { max-width: 100%; max-height: 82vh; border-radius: 12px; box-shadow: 0 30px 80px rgba(0, 0, 0, .6); animation: isj-pop .35s var(--isj-ease); }
.isj-lightbox__cap { position: absolute; bottom: 20px; left: 0; right: 0; text-align: center; color: rgba(255, 255, 255, .8); font-size: .88rem; }
.isj-lightbox button { position: absolute; width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .2); background: rgba(255, 255, 255, .08); color: #fff; cursor: pointer; font-size: 1.1rem; transition: background .2s; }
.isj-lightbox button:hover { background: rgba(255, 255, 255, .2); }
.isj-lightbox__close { top: 18px; right: 18px; }
.isj-lightbox__prev { left: 16px; top: 50%; margin-top: -24px; }
.isj-lightbox__next { right: 16px; top: 50%; margin-top: -24px; }

/* Galerie */
.isj-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; padding: 20px; border-bottom: 1px solid var(--isj-line-2); }
.isj-gallery__item { position: relative; display: block; aspect-ratio: 4/3; border-radius: 12px; overflow: hidden; background: var(--isj-surface-2); }
.isj-gallery__item img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--isj-ease); }
.isj-gallery__zoom { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(0, 20, 43, .45); color: #fff; font-size: 1.2rem; opacity: 0; transition: opacity .3s; }
.isj-gallery__item:hover img { transform: scale(1.07); }
.isj-gallery__item:hover .isj-gallery__zoom { opacity: 1; }

/* ==========================================================================
   14. COMPATIBILITATE CONȚINUT VECHI (shortcode-uri, WP core, pluginuri)
   ========================================================================== */
.clear { clear: both; }
.alignleft { float: left; margin: .3em 1.5em 1em 0; }
.alignright { float: right; margin: .3em 0 1em 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; }
.wp-caption img { display: block; }
.sticky .isj-pcard__title::before { content: '\f08d'; font: 900 .8em 'Font Awesome 6 Free'; color: var(--isj-gold-500); margin-right: 8px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.gallery-item { margin: 0; }
.gallery-item img { border-radius: 10px; width: 100%; height: auto; }

/* [one_half], [one_third]… */
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { float: left; margin-right: 4%; margin-bottom: 25px; }
.one_half { width: 48%; } .one_third { width: 30.66%; } .two_third { width: 65.33%; } .one_fourth { width: 22%; } .three_fourth { width: 74%; }
.one_fifth { width: 16.8%; } .two_fifth { width: 37.6%; } .three_fifth { width: 58.4%; } .four_fifth { width: 67.2%; } .one_sixth { width: 13.33%; } .five_sixth { width: 82.67%; }
.column-last { margin-right: 0 !important; clear: right; }
.isj-prose::after { content: ''; display: table; clear: both; }

/* [button] */
a.button, .button, a.more-link { display: inline-flex; align-items: center; gap: .4em; padding: .65em 1.3em; border-radius: 999px; background: var(--isj-navy-900); color: #fff !important; font-weight: 600; font-size: .9rem; text-decoration: none !important; transition: transform .2s, box-shadow .2s, background .2s; }
a.button:hover, .button:hover, a.more-link:hover { background: var(--isj-navy-800); transform: translateY(-1px); box-shadow: var(--isj-shadow-sm); }
.button.small { font-size: .78rem; } .button.large { font-size: 1rem; } .button.huge { font-size: 1.15rem; padding: .8em 1.6em; }
.button.red { background: #C0392B; } .button.orange { background: #D35400; } .button.yellow { background: #B7950B; } .button.green { background: var(--isj-green); } .button.blue { background: var(--isj-blue-600); } .button.purple { background: #6C3483; }

/* [divider] */
.divider { margin: 2em 0; text-align: center; border-bottom: 1px solid var(--isj-line); line-height: 0; }
.divider h5 { margin: 0; line-height: 0; }
.divider span { display: inline-block; padding: 6px 14px; border-radius: 999px; background: var(--isj-navy-900); color: #fff; font: 700 .7rem/1 var(--isj-font); letter-spacing: .1em; text-transform: uppercase; }

/* [tooltip] */
.tooltip { position: absolute; display: none; }
a:hover > .tooltip { display: block; bottom: 120%; left: 0; padding: 6px 10px; border-radius: 8px; background: var(--isj-navy-950); color: #fff; font-size: .78rem; white-space: nowrap; z-index: 20; opacity: 1; }

/* [tabs] (fără jQuery UI — activat din premium.js) */
#tabs.isj-tabs-ready { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 20px; margin: 1.5em 0; }
#tabs.isj-tabs-ready > .tablink, #tabs.isj-tabs-ready .column-last { width: auto; float: none; margin: 0; }
#tabs.isj-tabs-ready > .clear { display: none; }
#tabs .tablink ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; }
#tabs .tablink li { margin: 0; padding: 0; }
#tabs .tablink a { display: block; padding: 12px 14px; border-radius: 10px; border: 1px solid var(--isj-line); background: var(--isj-surface-2); color: var(--isj-ink-2); font-weight: 600; text-decoration: none; }
#tabs .tablink li.ui-state-active a { background: var(--isj-navy-900); border-color: var(--isj-navy-900); color: #fff; }
#tabs .tabimage { display: none; }
#tabs .panel[hidden] { display: none; }

/* [lista_postari] */
.lp-list { display: flex; flex-direction: column; gap: 14px; }
.lp-card { display: flex; background: var(--isj-surface); border: 1px solid var(--isj-line); border-radius: var(--isj-radius); overflow: hidden; transition: transform .3s var(--isj-ease), box-shadow .3s; }
.lp-card:hover { transform: translateY(-3px); box-shadow: var(--isj-shadow); }
.lp-thumb { width: 150px; flex-shrink: 0; overflow: hidden; }
.lp-thumb img { width: 100%; height: 100%; object-fit: cover; margin: 0 !important; border-radius: 0 !important; transition: transform .5s var(--isj-ease); }
.lp-card:hover .lp-thumb img { transform: scale(1.06); }
.lp-body { flex: 1; min-width: 0; padding: 16px 20px; display: flex; flex-direction: column; justify-content: space-between; gap: 8px; }
.isj-prose a.lp-title, .lp-title { display: block; font: 800 1.02rem/1.35 var(--isj-display); color: var(--isj-ink); text-decoration: none; margin-bottom: 4px; }
.isj-prose a.lp-title:hover, .lp-title:hover { color: var(--isj-accent); }
.lp-meta { display: flex; flex-wrap: wrap; gap: 12px; font-size: .76rem; color: var(--isj-muted); margin-bottom: 6px; }
.isj-prose .lp-excerpt, .lp-excerpt { font-size: .88rem; color: var(--isj-muted); line-height: 1.6; margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.isj-prose a.lp-readmore, .lp-readmore { font-size: .8rem; font-weight: 700; color: var(--isj-accent); text-decoration: none; display: inline-flex; gap: 6px; align-items: center; }
.lp-readmore i { transition: transform .25s; }
.lp-card:hover .lp-readmore i { transform: translateX(4px); }

/* [rss_custom] */
.isj-feed { list-style: none; padding: 0 !important; margin: 0 0 1em; display: flex; flex-direction: column; gap: 12px; }
.isj-feed__item { margin: 0 !important; padding: 16px 18px !important; background: var(--isj-surface-2); border: 1px solid var(--isj-line); border-radius: var(--isj-radius); display: flex; flex-direction: column; gap: 5px; }
.isj-feed__src { font-size: .74rem; color: var(--isj-muted); }
.isj-prose a.isj-feed__title, .isj-feed__title { font: 700 1rem/1.4 var(--isj-display); color: var(--isj-ink); text-decoration: none; }
.isj-feed__title:hover { color: var(--isj-accent) !important; }
.isj-feed__meta { font-size: .76rem; color: var(--isj-muted); }
.isj-prose .isj-feed__excerpt, .isj-feed__excerpt { font-size: .88rem; color: var(--isj-muted); margin: 0; }
.isj-prose a.isj-feed__more, .isj-feed__more { font-size: .8rem; font-weight: 700; text-decoration: none; }
.isj-feed--compact .isj-feed__item { background: none; border: 0; border-bottom: 1px solid var(--isj-line-2); border-radius: 0; padding: 0 0 12px !important; }
.isj-feed--compact .isj-feed__item:last-child { border-bottom: 0; }
.isj-feed--compact .isj-feed__title { font-size: .9rem; }

/* Formulare Bootstrap în mod întunecat */
:root[data-theme="dark"] .form-control, :root[data-theme="dark"] .form-select { background-color: var(--isj-surface-2); border-color: var(--isj-line); color: var(--isj-ink); }
:root[data-theme="dark"] .card { background: var(--isj-surface); border-color: var(--isj-line); color: var(--isj-ink-2); }
:root[data-theme="dark"] .isj-prose [style*="color"] { color: inherit !important; }
:root[data-theme="dark"] .isj-prose [style*="background"] { background-color: transparent !important; }

/* ==========================================================================
   15. ANIMAȚII LA DERULARE
   ========================================================================== */
.isj-js .isj-reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s var(--isj-ease), transform .7s var(--isj-ease); transition-delay: var(--d, 0s); }
.isj-js .isj-reveal.is-in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
    .isj-js .isj-reveal { opacity: 1; transform: none; }
}

/* ==========================================================================
   16. RESPONSIVE
   ========================================================================== */
@media (max-width: 1240px) {
    .isj-footer__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .isj-footer__about { grid-column: 1 / -1; max-width: 720px; }
}

@media (max-width: 1099.98px) {
    :root { --isj-nav-h: 0px; }
    .isj-search { display: none; }
    .isj-burger { display: inline-flex; }
    .isj-header { position: sticky; top: 0; }
    .admin-bar .isj-header { top: 46px; }
    .isj-header__main { min-height: 84px; gap: 14px; justify-content: space-between; }
    .isj-brand__logo { height: 62px; }
    .isj-header.is-stuck { box-shadow: 0 8px 24px rgba(0, 20, 43, .12); }

    /* Nav devine sertar lateral */
    .isj-nav { position: static; background: none; box-shadow: none; }
    .isj-nav__inner { min-height: 0; padding: 0; }
    .isj-nav__mini, .isj-nav__searchbtn { display: none !important; }
    .isj-nav__panel {
        position: fixed; top: 0; right: 0; bottom: 0; z-index: 2001;
        width: min(400px, 88vw); overflow-y: auto; overscroll-behavior: contain;
        background: var(--isj-surface); box-shadow: var(--isj-shadow-lg);
        transform: translateX(105%); visibility: hidden;
        transition: transform .4s var(--isj-ease), visibility .4s;
        padding: 0 0 32px;
    }
    body.isj-drawer-open .isj-nav__panel { transform: none; visibility: visible; }
    .isj-nav__drawer-head img { height: 44px; width: auto; max-width: 70%; }
    .isj-nav__drawer-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid var(--isj-line); position: sticky; top: 0; background: var(--isj-surface); z-index: 2; }
    .isj-nav__close { width: 42px; height: 42px; border-radius: 12px; border: 1px solid var(--isj-line); background: var(--isj-surface-2); color: var(--isj-ink); cursor: pointer; }
    .isj-nav__search { display: flex; align-items: center; gap: 10px; margin: 16px 18px; padding: 10px 16px; border-radius: 999px; border: 1px solid var(--isj-line); background: var(--isj-surface-2); }
    .isj-nav__search i { color: var(--isj-muted); }
    .isj-nav__search input { flex: 1; border: 0; outline: 0; background: none; color: var(--isj-ink); }
    .isj-scrim { position: fixed; inset: 0; z-index: 2000; background: rgba(0, 12, 28, .5); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); opacity: 0; transition: opacity .3s; }
    body.isj-drawer-open .isj-scrim { opacity: 1; }
    body.isj-drawer-open { overflow: hidden; }
    body.isj-drawer-open .isj-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    body.isj-drawer-open .isj-burger span:nth-child(2) { opacity: 0; }
    body.isj-drawer-open .isj-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

    .isj-menu { display: block; padding: 0 12px; }
    .isj-menu > li, .isj-menu .dropdown-item-wrapper { display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid var(--isj-line-2); }
    .isj-menu > li > .nav-link { flex: 1; padding: 15px 8px; color: var(--isj-ink) !important; font-size: .86rem; }
    .isj-menu > li > .nav-link::after { display: none; }
    .isj-menu > li.is-active > .nav-link { color: var(--isj-accent) !important; }
    .isj-subtoggle { width: 42px; height: 42px; border-radius: 10px; color: var(--isj-muted); font-size: .75rem; padding: 0; }
    .isj-subtoggle[aria-expanded="true"] { background: var(--isj-surface-2); color: var(--isj-accent); }
    .isj-menu .dropdown-menu { display: none; position: static; flex: 1 1 100%; list-style: none; margin: 0 0 10px; padding: 4px 0 4px 12px; border: 0; border-left: 2px solid var(--isj-gold-500); border-radius: 0; background: none; box-shadow: none; }
    .isj-menu li.is-open > .dropdown-menu { display: block; animation: isj-fade .25s; }
    .isj-menu .dropdown-item-wrapper { border-bottom: 0; }
    .isj-menu .dropdown-item { flex: 1; padding: 10px 10px; border-radius: 8px; font-size: .9rem; color: var(--isj-ink-2); white-space: normal; background: none; }
    .isj-menu .dropdown-item:hover, .isj-menu .dropdown-item.active { background: var(--isj-surface-2); color: var(--isj-accent); }

    .isj-home-hero__inner { grid-template-columns: 1fr; gap: 36px; }
    .isj-quick { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .isj-news-grid { grid-template-columns: 1fr 1fr; }
    .isj-news-grid > :last-child { grid-column: 1 / -1; }
    .isj-home-split { grid-template-columns: 1fr; }
    .isj-layout { grid-template-columns: minmax(0, 1fr); }
    .isj-sticky { position: static; }
    .isj-layout__side .isj-toc { display: none; }
    .isj-cards { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 767.98px) {
    .isj-container, .isj-narrow { padding-inline: 16px; }
    .isj-topbar__inner { min-height: 36px; }
    .isj-topbar__left { gap: 12px; }
    .isj-header__actions .isj-btn span { display: none; }
    .isj-header__actions .isj-btn { width: 46px; height: 46px; padding: 0; }
    .isj-brand__logo { height: 52px; }

    .isj-home-hero { padding: 40px 0 96px; }
    .isj-quick { grid-template-columns: 1fr 1fr; gap: 10px; }
    .isj-quick__tile { padding: 12px; min-height: 64px; gap: 10px; }
    .isj-quick__icon { width: 36px; height: 36px; }
    .isj-quick__label { font-size: .82rem; }
    .isj-quick__go { display: none; }
    .isj-hero-search { padding-left: 42px; }
    .isj-hero-search > i { left: 16px; }
    .isj-hero-search .isj-btn { padding: .7em 1em; }

    .isj-news-grid, .isj-cards, .isj-cards--2 { grid-template-columns: 1fr; }
    .isj-mec__body { grid-template-columns: 1fr; padding: 16px; }
    .isj-mec__aside { border-left: 0; padding-left: 0; border-top: 1px solid var(--isj-line); padding-top: 16px; }
    .isj-modal { padding: 0; align-items: end; }
    .isj-modal__dialog { max-height: 92vh; border-radius: var(--isj-radius-lg) var(--isj-radius-lg) 0 0; }
    .isj-modal__content { padding: 24px 20px 30px; }
    .isj-modal__hero { flex-direction: column; align-items: flex-start; }

    .isj-hero { padding: 28px 0 84px; }
    .isj-article__body { padding: 24px 20px; }
    .isj-article__foot { padding: 16px 20px; }
    .isj-article__cover figcaption { padding: 10px 20px; }
    .isj-postnav { grid-template-columns: 1fr; }
    .isj-postnav__item--next { text-align: left; align-items: flex-start; }
    .isj-pcard--feature, .isj-pcard--row { flex-direction: column; }
    .isj-pcard--feature .isj-pcard__media, .isj-pcard--row .isj-pcard__media { flex: none; aspect-ratio: 16/9; min-height: 0; }
    .isj-pcard--feature .isj-pcard__body { padding: 20px; }
    .isj-pcard--feature .isj-pcard__title { font-size: 1.2rem; }
    .isj-filters__count { margin-left: 0; width: 100%; }
    .isj-comments { padding: 22px 18px; }
    .isj-field--half { flex-basis: 100% !important; }
    .isj-comments__list .children { margin-left: 10px; padding-left: 12px; }

    .isj-footer__grid { grid-template-columns: 1fr 1fr; gap: 30px 20px; padding: 48px 0 32px; }
    .isj-footer__bottom-inner { justify-content: center; text-align: center; }
    .isj-totop { right: 21px; bottom: 80px; width: 48px; height: 48px; }

    .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { width: 100%; float: none; margin-right: 0; }
    #tabs.isj-tabs-ready { grid-template-columns: 1fr; }
    .lp-thumb { width: 96px; }
    .lp-body { padding: 12px 14px; }
    .alignleft, .alignright { float: none; margin: 1em auto; display: block; }
    .isj-lightbox { padding: 60px 12px; }
}

@media (max-width: 479.98px) {
    .isj-topbar__right .isj-a11y { display: none; }
    .isj-footer__grid { grid-template-columns: 1fr; }
}

/* ==========================================================================
   17. PRINT
   ========================================================================== */
@media print {
    .isj-topbar, .isj-nav, .isj-header__actions, .isj-search, .isj-layout__side, .isj-share, .isj-totop, .isj-progress,
    .isj-postnav, .isj-related, .isj-comments, .isj-footer__grid, .isj-edit, .isj-toast, .isj-skip { display: none !important; }
    body { background: #fff; color: #000; font-size: 11pt; }
    .isj-hero { background: none !important; color: #000; padding: 0 0 12pt; }
    .isj-hero__bg { display: none; }
    .isj-hero__title, .isj-hero__meta, .isj-crumbs a, .isj-crumbs li { color: #000 !important; }
    .isj-layout { display: block; margin: 0; }
    .isj-article { border: 0; box-shadow: none; }
    .isj-article__body { padding: 0; }
    .isj-prose a::after { content: ' (' attr(href) ')'; font-size: 9pt; color: #555; }
    .isj-js .isj-reveal { opacity: 1 !important; transform: none !important; }
    .isj-footer { background: none; color: #000; }
    .isj-footer__bottom p { color: #000; }
}

/* ==========================================================================
   18. [lista_postari] în pagini — aceleași carduri ca în arhive, fără card în card
   ========================================================================== */
.isj-article:has(.isj-sc-list) { background: transparent; border: 0; box-shadow: none; overflow: visible; }
.isj-article:has(.isj-sc-list) > .isj-article__body { padding: 0; }
.isj-article:has(.isj-sc-list) > .isj-article__foot { margin-top: 22px; background: var(--isj-surface); border: 1px solid var(--isj-line); border-radius: var(--isj-radius); }
.isj-sc-list { margin: 0 0 1.4em; }
.isj-prose .isj-pcard p, .isj-prose .isj-pcard h2 { margin: 0; padding: 0; border: 0; }
.isj-prose .isj-pcard__title { font-size: 1.06rem; line-height: 1.35; }
.isj-prose .isj-pcard__excerpt { font-size: .88rem; line-height: 1.6; }
.isj-prose .isj-pcard a { text-decoration: none !important; }
.isj-prose .isj-pcard img { border-radius: 0; margin: 0; }
.isj-prose .isj-pcard__title a { color: var(--isj-ink) !important; }
.isj-prose .isj-pcard:hover .isj-pcard__title a { color: var(--isj-accent) !important; }
.isj-prose .isj-pcard__more { color: var(--isj-accent); }

/* ==========================================================================
   19. „Alte linkuri utile” — carduri .card-isjctv2 din conținutul paginii
   ========================================================================== */
.isj-useful__body p:empty { display: none; }
.isj-useful__body .card-isjctv2 { display: block; margin: 0 0 10px !important; padding: 0 !important; --bs-gutter-x: 0; background: var(--isj-surface); border: 1px solid var(--isj-line); border-radius: 14px; overflow: hidden; transition: border-color .25s, box-shadow .25s, transform .25s var(--isj-ease); }
.isj-useful__body .card-isjctv2:last-of-type { margin-bottom: 0 !important; }
.isj-useful__body .card-isjctv2:hover { border-color: color-mix(in srgb, var(--isj-accent) 45%, var(--isj-line)); box-shadow: var(--isj-shadow-sm); transform: translateY(-2px); }
.isj-useful__body .card-isjctv2 > a { display: block; width: 100%; padding: 10px 12px; color: var(--isj-ink) !important; text-decoration: none !important; }
.isj-useful__body .card-isjctv2 .d-flex { position: relative; display: flex; align-items: center; gap: 12px; width: 100%; max-width: none; padding: 0 22px 0 0; margin: 0; flex: 1 1 auto; }
.isj-useful__body .card-isjctv2 .d-flex::after { content: '\f061'; font: 900 .72rem 'Font Awesome 6 Free'; position: absolute; right: 2px; top: 50%; transform: translateY(-50%); color: var(--isj-muted); transition: transform .25s var(--isj-ease), color .25s; }
.isj-useful__body .card-isjctv2:hover .d-flex::after { color: var(--isj-accent); transform: translate(3px, -50%); }
.isj-useful__body .card-isjctv2 img { width: 46px !important; height: 46px !important; max-width: none !important; flex-shrink: 0; object-fit: contain; border-radius: 50% !important; margin: 0 !important; padding: 3px; background: #fff; border: 1px solid var(--isj-line-2); }
.isj-useful__body .card-isjctv2 .d-flex:not(:has(img))::before { content: '\f0c1'; font: 900 .9rem 'Font Awesome 6 Free'; width: 46px; height: 46px; flex-shrink: 0; display: grid; place-items: center; border-radius: 50%; background: var(--isj-accent-soft); color: var(--isj-accent); }
.isj-useful__body .card-isjctv2 h5 { margin: 0; padding: 0; border: 0; font: 700 .86rem/1.35 var(--isj-display); color: var(--isj-ink); letter-spacing: 0; text-transform: none; transition: color .2s; }
.isj-useful__body .card-isjctv2:hover h5 { color: var(--isj-accent); }

/* ==========================================================================
   20. Ilustrația sediului ISJ în fundalul hero-ului (homepage + 404)
   ========================================================================== */
.isj-home-hero__bg::before {
    content: ''; position: absolute; left: 0; top: -8%; height: 128%; aspect-ratio: 2127 / 1024;
    background: url('../../images/bg-hero.webp') 0 0 / 100% 100% no-repeat; opacity: .95;
    /* estompare pe marginea dreaptă a imaginii — fără linie vizibilă pe ecrane late */
    -webkit-mask-image: linear-gradient(90deg, #000 72%, transparent 99%); mask-image: linear-gradient(90deg, #000 72%, transparent 99%);
}
.isj-home-hero__bg::after {
    content: ''; position: absolute; inset: 0;
    background:
        linear-gradient(90deg, rgba(0, 20, 43, .82) 0%, rgba(0, 20, 43, .5) 48%, rgba(0, 20, 43, .25) 100%),
        linear-gradient(0deg, rgba(0, 20, 43, .55) 0%, transparent 35%);
}
.isj-home-hero__bg .isj-orb { opacity: .35; }
@media (max-width: 1099.98px) {
    .isj-home-hero__bg::before { background-image: url('../../images/bg-hero-1200.webp'); left: -10%; }
    .isj-home-hero__bg::after { background: linear-gradient(180deg, rgba(0, 20, 43, .78), rgba(0, 20, 43, .6)); }
}
.isj-nav__mini { display: none !important; } /* eliminat din v3.14 — ascuns și pentru paginile încă aflate în cache */
.isj-footer__sub { margin: 0 0 4px; font: 700 .7rem/1.3 var(--isj-font); letter-spacing: .12em; text-transform: uppercase; color: var(--isj-gold-400); }
.isj-footer__hours + .isj-footer__sub { margin-top: 18px; }
.isj-footer__hours-sub { font-size: .84rem !important; opacity: 1 !important; }

/* Pătratele de iconiță rămase goale după editare (iconița ștearsă de editor) — afișăm o iconiță implicită */
.isj-main div[style*="width: 30px"][style*="height: 30px"]:empty::before,
.isj-main div[style*="width:30px"][style*="height:30px"]:empty::before { content: '\f508'; font: 900 13px/1 'Font Awesome 6 Free'; }

/* Ilustrația sediului și pe banda albastră a paginilor interioare */
.isj-hero__bg::before {
    content: ''; position: absolute; left: 0; top: -8%; height: 128%; aspect-ratio: 2127 / 1024;
    background: url('../../images/bg-hero.webp') 0 0 / 100% 100% no-repeat; opacity: .55;
    -webkit-mask-image: linear-gradient(90deg, #000 60%, transparent 98%); mask-image: linear-gradient(90deg, #000 60%, transparent 98%);
}
@media (max-width: 1099.98px) {
    .isj-hero__bg::before { background-image: url('../../images/bg-hero-1200.webp'); left: -10%; opacity: .4; }
}
@media print { .isj-hero__bg::before { display: none; } }

/* ==========================================================================
   21. ORGANIGRAMĂ — clase pentru pagina Organigrama (conținut din editor)
   ========================================================================== */
.isj-org { max-width: 1100px; margin: 0 auto; }
.isj-org p:empty, .isj-org > br, .isj-org div > br:only-child { display: none; }
.isj-org a { text-decoration: none !important; }

/* Inspector general */
.isj-org__top { display: flex; justify-content: center; }
.isj-org__chief { display: inline-flex; align-items: center; gap: 16px; padding: 20px 32px 20px 20px; border-radius: 18px; color: #fff; background: linear-gradient(135deg, var(--isj-navy-950), var(--isj-navy-800)); box-shadow: 0 14px 40px rgba(0, 31, 63, .28); position: relative; overflow: hidden; }
.isj-org__chief::after { content: ''; position: absolute; inset: auto 0 0; height: 3px; background: linear-gradient(90deg, var(--isj-gold-400), var(--isj-gold-500)); }
.isj-org__chief .isj-org__ico { width: 52px; height: 52px; font-size: 1.3rem; background: linear-gradient(135deg, var(--isj-gold-400), var(--isj-gold-500)); color: var(--isj-navy-950); border-radius: 14px; }
.isj-org__chief-role { display: block; font: 700 .7rem/1.3 var(--isj-font); letter-spacing: .14em; text-transform: uppercase; color: var(--isj-gold-400); margin-bottom: 4px; }
.isj-org__chief-name { display: block; font: 800 1.2rem/1.3 var(--isj-display); color: #fff; }

.isj-org__line { width: 2px; height: 26px; margin: 0 auto; background: linear-gradient(var(--isj-gold-500), var(--isj-line)); }

/* Consilii */
.isj-org__councils { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.isj-org__council { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 14px; background: var(--isj-blue-50); border: 1px solid color-mix(in srgb, var(--isj-accent) 25%, transparent); color: var(--isj-ink) !important; font: 700 .92rem/1.35 var(--isj-display); transition: transform .25s var(--isj-ease), box-shadow .25s, border-color .25s; }
.isj-org__council::after { content: '\f061'; font: 900 .75rem 'Font Awesome 6 Free'; margin-left: auto; color: var(--isj-accent); transition: transform .25s; }
.isj-org__council:hover { transform: translateY(-2px); box-shadow: var(--isj-shadow-sm); border-color: var(--isj-accent); color: var(--isj-accent) !important; }
.isj-org__council:hover::after { transform: translateX(4px); }

/* Adjuncți */
.isj-org__deputies { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.isj-org__deputy { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 14px; background: var(--isj-surface); border: 1px solid var(--isj-line); border-top: 3px solid var(--isj-navy-800); box-shadow: var(--isj-shadow-sm); }
.isj-org__deputy-role { display: block; font: 700 .66rem/1.3 var(--isj-font); letter-spacing: .08em; text-transform: uppercase; color: var(--isj-muted); margin-bottom: 3px; }
.isj-org__deputy-name { display: block; font: 800 .98rem/1.3 var(--isj-display); color: var(--isj-ink); }

/* Titluri de secțiune */
.isj-org__section { display: flex; align-items: center; gap: 14px; margin: 40px 0 18px; font: 800 .78rem/1 var(--isj-font); letter-spacing: .14em; text-transform: uppercase; color: var(--isj-muted); }
.isj-org__section::before, .isj-org__section::after { content: ''; flex: 1; height: 1px; background: var(--isj-line); }

/* Carduri inspectori / personal */
.isj-org__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.isj-org__grid--4 { grid-template-columns: repeat(4, 1fr); }
.isj-org-card { display: flex; flex-direction: column; gap: 10px; padding: 16px 18px; background: var(--isj-surface); border: 1px solid var(--isj-line); border-radius: 14px; position: relative; transition: transform .25s var(--isj-ease), box-shadow .25s, border-color .25s; }
.isj-org-card::before { content: ''; position: absolute; left: 0; top: 14px; bottom: 14px; width: 3px; border-radius: 0 3px 3px 0; background: var(--isj-navy-800); }
.isj-org-card:hover { transform: translateY(-2px); box-shadow: var(--isj-shadow); border-color: transparent; }
.isj-org-card--admin { background: var(--isj-surface-2); }
.isj-org-card--admin::before { background: var(--isj-muted); }
.isj-org-card__head { display: flex; align-items: center; gap: 12px; }
.isj-org-card__role { font: 700 .86rem/1.35 var(--isj-display); color: var(--isj-ink); }
.isj-org__ico { width: 38px; height: 38px; flex-shrink: 0; display: grid; place-items: center; border-radius: 11px; background: var(--isj-accent-soft); color: var(--isj-accent); font-size: .95rem; }
.isj-org__ico i { line-height: 1; }
.isj-org-card--admin .isj-org__ico { background: color-mix(in srgb, var(--isj-muted) 14%, transparent); color: var(--isj-ink-2); }
.isj-org-card ul { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; gap: 4px; }
.isj-org-card li { margin: 0 !important; padding: 0 0 0 20px !important; position: relative; font-size: .86rem; line-height: 1.45; color: var(--isj-ink-2); }
.isj-org-card li::marker { content: none; }
.isj-org-card li::before { content: '\f007'; font: 900 .68rem/1 'Font Awesome 6 Free'; position: absolute; left: 2px; top: .38em; color: var(--isj-muted); opacity: .8; }
.isj-org-card__mail { display: inline-flex; align-items: center; gap: 7px; align-self: flex-start; max-width: 100%; margin-top: auto; padding: 5px 11px; border-radius: 999px; background: var(--isj-accent-soft); color: var(--isj-accent) !important; font-size: .76rem; font-weight: 600; overflow-wrap: anywhere; transition: background .2s, color .2s; }
.isj-org-card__mail::before { content: '\f0e0'; font: 900 .7rem 'Font Awesome 6 Free'; }
.isj-org-card__mail:hover { background: var(--isj-navy-900); color: #fff !important; }
.isj-org-card__mails { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; }
.isj-org-card__mails .isj-org-card__mail { margin-top: 0; }

@media (max-width: 1100px) { .isj-org__grid, .isj-org__grid--4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 700px)  { .isj-org__councils, .isj-org__deputies { grid-template-columns: 1fr; } .isj-org__chief { padding: 16px 20px 16px 16px; } }
@media (max-width: 520px)  { .isj-org__grid, .isj-org__grid--4 { grid-template-columns: 1fr; } }
/* Pagina cu organigramă ocupă toată lățimea (fără bara laterală) */
.isj-layout:has(.isj-org) { grid-template-columns: minmax(0, 1fr); }
.isj-layout:has(.isj-org) > .isj-layout__side { display: none; }
.isj-article:has(.isj-org) > .isj-article__body { padding: 40px 44px; }
@media (max-width: 767.98px) { .isj-article:has(.isj-org) > .isj-article__body { padding: 22px 16px; } }

/* ==========================================================================
   22. ORGANIGRAMĂ v2 — robustă la editorul vizual + elemente premium
   ========================================================================== */
/* Curățenie după wpautop / TinyMCE */
.isj-org p { margin: 0; }
.isj-org p:empty, .isj-org br { display: none; }
.isj-org__ico > p { display: contents; }
/* Iconiță lipsă (ștearsă de editor) → iconiță implicită */
.isj-org__ico:not(:has(i, svg))::before { content: '\f19d'; font: 900 1em/1 'Font Awesome 6 Free'; }
.isj-org__ico i { font-size: 1em; }

/* Arbore ierarhic: conectori desenați din CSS (fără elemente goale în conținut) */
.isj-org__top, .isj-org__councils, .isj-org__deputies { position: relative; }
.isj-org__top { padding-bottom: 28px; }
.isj-org__top::after { content: ''; position: absolute; left: 50%; bottom: 0; width: 2px; height: 28px; transform: translateX(-50%); background: linear-gradient(var(--isj-gold-500), var(--isj-line)); }
.isj-org__councils { margin-bottom: 28px; }
.isj-org__councils::after { content: ''; position: absolute; left: 50%; bottom: -28px; width: 2px; height: 28px; transform: translateX(-50%); background: var(--isj-line); }
.isj-org__deputies { padding-top: 18px; }
.isj-org__deputies::before { content: ''; position: absolute; top: 0; left: 16.66%; right: 16.66%; height: 18px; border: 2px solid var(--isj-line); border-bottom: 0; border-radius: 12px 12px 0 0; }
.isj-org__line { display: none; } /* vechiul conector (div gol) nu mai e necesar */

/* Avatar cu inițiale (adăugat din JS) */
.isj-org__avatar { width: 52px; height: 52px; flex-shrink: 0; border-radius: 50%; display: grid; place-items: center; font: 800 1rem/1 var(--isj-display); letter-spacing: .02em; color: var(--isj-navy-950); background: linear-gradient(135deg, var(--isj-gold-400), var(--isj-gold-500)); box-shadow: 0 0 0 3px rgba(255, 255, 255, .15); }
.isj-org__deputy .isj-org__avatar { width: 44px; height: 44px; font-size: .88rem; color: #fff; background: linear-gradient(135deg, var(--isj-navy-800), var(--isj-blue-600)); box-shadow: none; }
.isj-org.is-enhanced .isj-org__chief > .isj-org__ico, .isj-org.is-enhanced .isj-org__deputy > .isj-org__ico { display: none; }

/* Bara de căutare + filtre (adăugată din JS) */
.isj-org__tools { position: sticky; top: calc(var(--isj-nav-h) + 12px); z-index: 5; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 34px 0 6px; padding: 10px; border-radius: 16px; background: color-mix(in srgb, var(--isj-surface) 88%, transparent); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid var(--isj-line); box-shadow: var(--isj-shadow-sm); }
.admin-bar .isj-org__tools { top: calc(var(--isj-nav-h) + 44px); }
.isj-org__search { position: relative; flex: 1 1 260px; }
.isj-org__search i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--isj-muted); font-size: .85rem; }
.isj-org__search input { width: 100%; border: 1px solid var(--isj-line); border-radius: 999px; padding: 10px 14px 10px 38px; background: var(--isj-surface-2); color: var(--isj-ink); font-size: .92rem; outline: none; transition: border-color .2s, box-shadow .2s, background .2s; }
.isj-org__search input:focus { border-color: var(--isj-accent); box-shadow: 0 0 0 4px var(--isj-accent-soft); background: var(--isj-surface); }
.isj-org__chips { display: flex; gap: 6px; flex-wrap: wrap; }
.isj-org__chip { border: 1px solid var(--isj-line); background: var(--isj-surface); color: var(--isj-ink-2); border-radius: 999px; padding: 8px 14px; font: 600 .8rem/1 var(--isj-font); cursor: pointer; transition: all .2s; }
.isj-org__chip:hover { border-color: var(--isj-accent); color: var(--isj-accent); }
.isj-org__chip.is-active { background: var(--isj-navy-900); border-color: var(--isj-navy-900); color: #fff; }
.isj-org__chip b { margin-left: 4px; opacity: .65; font-weight: 700; }
.isj-org__empty { display: none; text-align: center; padding: 28px; color: var(--isj-muted); border: 1px dashed var(--isj-line); border-radius: 14px; margin-top: 14px; }
.isj-org__empty.is-on { display: block; }
.isj-org-card.is-hidden, .isj-org__section.is-hidden, .isj-org__grid.is-hidden { display: none; }
.isj-org__count { display: inline-flex; min-width: 24px; justify-content: center; padding: 3px 8px; border-radius: 999px; background: var(--isj-accent-soft); color: var(--isj-accent); font-size: .7rem; letter-spacing: 0; }
.isj-org mark.isj-hl { padding: 0 2px; }

/* Buton copiere e-mail (adăugat din JS) */
.isj-org-card__mailrow { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; }
.isj-org-card__copy { width: 28px; height: 28px; flex-shrink: 0; border-radius: 50%; border: 0; background: transparent; color: var(--isj-muted); cursor: pointer; font-size: .75rem; opacity: 0; transition: opacity .2s, background .2s, color .2s; }
.isj-org-card:hover .isj-org-card__copy, .isj-org-card__copy:focus-visible { opacity: 1; }
.isj-org-card__copy:hover { background: var(--isj-accent-soft); color: var(--isj-accent); }
@media (hover: none) { .isj-org-card__copy { opacity: 1; } }

@media (max-width: 700px) {
    .isj-org__deputies::before { display: none; }
    .isj-org__tools { position: static; }
}
@media print {
    .isj-org__tools, .isj-org-card__copy { display: none !important; }
    .isj-org-card, .isj-org__deputy, .isj-org__council { break-inside: avoid; box-shadow: none; }
}

/* Iconițe de organigramă desenate din clasa „fa-…” pusă pe elementul cu text
   (editorul vizual nu poate șterge nimic — nu există elemente goale) */
.isj-org-card__head::before, .isj-org__council::before {
    width: 38px; height: 38px; flex-shrink: 0; display: grid; place-items: center; border-radius: 11px;
    font: 900 .95rem/1 'Font Awesome 6 Free'; background: var(--isj-accent-soft); color: var(--isj-accent);
}
.isj-org-card__head:not([class*="fa-"])::before { content: '\f19d'; } /* implicit: toc de absolvent */
.isj-org__council:not([class*="fa-"])::before { content: '\f19c'; }
.isj-org-card__head:has(> .isj-org__ico)::before, .isj-org__council:has(> .isj-org__ico)::before { display: none; } /* markup vechi cu <span class="isj-org__ico"> */
.isj-org-card--admin .isj-org-card__head::before { background: color-mix(in srgb, var(--isj-muted) 14%, transparent); color: var(--isj-ink-2); }

/* ==========================================================================
   23. PAGINA CONTACT — clase pentru conținutul din editor (editabil vizual)
   ========================================================================== */
.isj-contact { max-width: 1100px; margin: 0 auto; }
.isj-contact p { margin: 0; }
.isj-contact p:empty, .isj-contact br { display: none; }
.isj-contact a { text-decoration: none !important; }

.isj-contact__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 22px; align-items: stretch; }
.isj-contact__card { position: relative; padding: 28px; border-radius: 18px; background: var(--isj-surface); border: 1px solid var(--isj-line); box-shadow: var(--isj-shadow-sm); overflow: hidden; }
.isj-contact__card::before { content: ''; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, var(--isj-navy-800), var(--isj-gold-500)); }
.isj-contact__eyebrow { font: 700 .72rem/1 var(--isj-font); letter-spacing: .14em; text-transform: uppercase; color: var(--isj-gold-500); }
.isj-contact .isj-contact__name { margin: 8px 0 18px !important; padding: 0 !important; border: 0 !important; font: 800 1.35rem/1.3 var(--isj-display); color: var(--isj-ink); }
.isj-contact__status { display: inline-flex; align-items: center; gap: 8px; margin: -6px 0 16px; padding: 6px 12px; border-radius: 999px; font: 700 .78rem/1 var(--isj-font); background: var(--isj-surface-2); color: var(--isj-muted); }
.isj-contact__status::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.isj-contact__status.is-open { background: rgba(21, 115, 71, .1); color: var(--isj-green); }
.isj-contact__status.is-open::before { box-shadow: 0 0 0 4px rgba(21, 115, 71, .18); animation: isj-pulse 2s infinite; }
.isj-contact__status.is-closed { background: rgba(180, 35, 24, .08); color: var(--isj-red); }
@keyframes isj-pulse { 50% { box-shadow: 0 0 0 7px rgba(21, 115, 71, 0); } }

/* Rând de contact: iconița vine din clasa fa-… a rândului (fără elemente goale) */
.isj-contact__item { display: grid; grid-template-columns: 42px minmax(0, 1fr); column-gap: 14px; align-items: center; padding: 13px 14px; margin-bottom: 10px; border-radius: 14px; background: var(--isj-surface-2); border: 1px solid var(--isj-line-2); transition: border-color .2s, background .2s; }
.isj-contact__item:hover { border-color: color-mix(in srgb, var(--isj-accent) 30%, var(--isj-line)); background: var(--isj-surface); }
.isj-contact__item::before { grid-row: 1 / span 2; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; font: 900 1rem/1 "Font Awesome 6 Free"; background: var(--isj-accent-soft); color: var(--isj-accent); }
.isj-contact__item:not([class*="fa-"])::before { content: "\f05a"; }
.isj-contact__label { grid-column: 2; font: 700 .68rem/1.2 var(--isj-font); letter-spacing: .1em; text-transform: uppercase; color: var(--isj-muted); }
.isj-contact__value { grid-column: 2; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; font-weight: 600; color: var(--isj-ink); line-height: 1.45; overflow-wrap: anywhere; }
.isj-contact__value a { color: var(--isj-ink) !important; }
.isj-contact__value a:hover { color: var(--isj-accent) !important; }

/* Butoane de acțiune */
.isj-contact__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.isj-contact__btn { display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; border-radius: 999px; font: 700 .86rem/1 var(--isj-font); background: var(--isj-navy-900); color: #fff !important; box-shadow: 0 6px 18px rgba(0, 31, 63, .22); transition: transform .2s, box-shadow .2s, background .2s; }
.isj-contact__btn::before { font: 900 .85rem/1 "Font Awesome 6 Free"; }
.isj-contact__btn:hover { transform: translateY(-2px); background: var(--isj-navy-800); }
.isj-contact__btn--gold { background: linear-gradient(135deg, var(--isj-gold-400), var(--isj-gold-500)); color: var(--isj-navy-950) !important; box-shadow: 0 6px 18px rgba(201, 160, 67, .3); }
.isj-contact__btn--ghost { background: var(--isj-surface); color: var(--isj-ink) !important; border: 1px solid var(--isj-line); box-shadow: none; }
.isj-contact__btn--ghost:hover { background: var(--isj-surface); border-color: var(--isj-accent); color: var(--isj-accent) !important; }

/* Hartă */
.isj-contact__map { position: relative; min-height: 420px; border-radius: 18px; overflow: hidden; border: 1px solid var(--isj-line); box-shadow: var(--isj-shadow-sm); background: var(--isj-surface-2); }
.isj-contact__map iframe { position: absolute; inset: 0; width: 100% !important; height: 100% !important; border: 0; }

/* Program */
.isj-contact__section { display: flex; align-items: center; gap: 14px; margin: 36px 0 16px; font: 800 .78rem/1 var(--isj-font); letter-spacing: .14em; text-transform: uppercase; color: var(--isj-muted); }
.isj-contact__section::before, .isj-contact__section::after { content: ""; flex: 1; height: 1px; background: var(--isj-line); }
.isj-contact__hours { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.isj-contact__box { padding: 20px 22px; border-radius: 16px; background: var(--isj-surface); border: 1px solid var(--isj-line); box-shadow: var(--isj-shadow-xs); }
.isj-contact__box-title { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; font: 800 1rem/1.3 var(--isj-display); color: var(--isj-ink); }
.isj-contact__box-title::before { width: 38px; height: 38px; flex-shrink: 0; display: grid; place-items: center; border-radius: 11px; font: 900 .9rem/1 "Font Awesome 6 Free"; background: var(--isj-gold-100); color: #8A6510; }
:root[data-theme="dark"] .isj-contact__box-title::before { color: var(--isj-gold-400); }
.isj-contact__box-title:not([class*="fa-"])::before { content: "\f017"; }
.isj-contact__box ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.isj-contact__box li { display: flex; justify-content: space-between; gap: 12px; margin: 0 !important; padding: 9px 0 !important; border-bottom: 1px dashed var(--isj-line); font-size: .9rem; }
.isj-contact__box li:last-child { border-bottom: 0; }
.isj-contact__box li::marker { content: none; }
.isj-contact__box li > span:first-child { color: var(--isj-muted); }
.isj-contact__box li > strong, .isj-contact__box li > b { color: var(--isj-ink); text-align: right; font-weight: 700; }
.isj-contact__box li.is-today > span:first-child { color: var(--isj-accent); font-weight: 700; }
.isj-contact__box li.is-today > span:first-child::after { content: "azi"; margin-left: 6px; padding: 2px 7px; border-radius: 999px; background: var(--isj-accent-soft); font-size: .66rem; text-transform: uppercase; letter-spacing: .06em; }
.isj-contact__note { margin-top: 14px !important; font-size: .9rem; color: var(--isj-muted); }
.isj-contact__note a { color: var(--isj-accent) !important; font-weight: 600; }

/* Butoane copiere (adăugate din JS) */
.isj-contact__copy { width: 28px; height: 28px; border-radius: 50%; border: 0; background: transparent; color: var(--isj-muted); cursor: pointer; font-size: .75rem; transition: background .2s, color .2s; }
.isj-contact__copy:hover { background: var(--isj-accent-soft); color: var(--isj-accent); }

@media (max-width: 991.98px) { .isj-contact__grid { grid-template-columns: 1fr; } .isj-contact__map { min-height: 320px; } .isj-contact__hours { grid-template-columns: 1fr; } }
@media (max-width: 575.98px) { .isj-contact__card { padding: 22px 18px; } .isj-contact__btn { flex: 1 1 100%; justify-content: center; } }
@media print { .isj-contact__map, .isj-contact__actions, .isj-contact__copy { display: none !important; } .isj-contact__grid { grid-template-columns: 1fr; } }

/* Pagina Contact ocupă toată lățimea */
.isj-layout:has(.isj-contact) { grid-template-columns: minmax(0, 1fr); }
.isj-layout:has(.isj-contact) > .isj-layout__side { display: none; }
.isj-article:has(.isj-contact) > .isj-article__body { padding: 36px 40px; }
@media (max-width: 767.98px) { .isj-article:has(.isj-contact) > .isj-article__body { padding: 20px 16px; } }
.isj-contact__box li { flex-wrap: wrap; }
.isj-contact__box li > strong, .isj-contact__box li > b { white-space: nowrap; margin-left: auto; }
/* Variante pentru pagina Program */
.isj-contact__hours--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.isj-contact__box--wide { grid-column: 1 / -1; }
.isj-contact__box > p { margin: 0 !important; color: var(--isj-muted); line-height: 1.65; }
.isj-contact__intro { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 20px !important; }
.isj-contact__intro .isj-contact__status { margin: 0; }
.isj-contact__intro .isj-contact__actions { margin: 0; }
@media (max-width: 767.98px) { .isj-contact__hours--2 { grid-template-columns: 1fr; } }

/* ==========================================================================
   24. COMPONENTE PENTRU PAGINI (biblioteca comună — editabile din Vizual)
   Reguli: iconița = clasa „fa-…” pusă pe elementul care are text;
   niciun element gol; fără stiluri inline în conținut.
   ========================================================================== */
.isj-page { max-width: 1000px; margin: 0 auto; }
.isj-page p:empty, .isj-page > br, .isj-links br, .isj-docs br { display: none; }
.isj-page a { text-decoration: none !important; }

/* Intro */
.isj-page .isj-intro { margin: 0 0 22px !important; font-size: 1.08rem; line-height: 1.7; color: var(--isj-ink-2); }

/* Titlu de secțiune */
.isj-page .isj-sec { display: flex; align-items: center; gap: 14px; margin: 34px 0 16px !important; padding: 0 !important; border: 0 !important; font: 800 .8rem/1.2 var(--isj-font) !important; letter-spacing: .14em; text-transform: uppercase; color: var(--isj-muted) !important; }
.isj-page .isj-sec::after { content: ""; flex: 1; height: 1px; background: var(--isj-line); }
.isj-page > .isj-sec:first-child { margin-top: 0 !important; }

/* Carduri-link (meniu de secțiuni) */
.isj-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.isj-links--1 { grid-template-columns: 1fr; }
.isj-links--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.isj-links > p { display: contents; }
.isj-link {
    position: relative; display: grid !important; grid-template-columns: 46px minmax(0, 1fr) 20px; column-gap: 14px; align-items: center;
    padding: 18px 18px 18px 20px; border-radius: 16px; background: var(--isj-surface); border: 1px solid var(--isj-line);
    box-shadow: var(--isj-shadow-xs); color: var(--isj-ink) !important; overflow: hidden;
    transition: transform .3s var(--isj-ease), box-shadow .3s, border-color .3s;
}
.isj-link::before {
    grid-row: 1 / span 2; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 13px;
    font: 900 1.05rem/1 "Font Awesome 6 Free"; background: var(--isj-accent-soft); color: var(--isj-accent);
    transition: background .3s, color .3s, transform .3s var(--isj-ease);
}
.isj-link:not([class*="fa-"])::before { content: "\f0c1"; }
.isj-link::after {
    content: "\f054"; grid-column: 3; grid-row: 1 / span 2; justify-self: end;
    font: 900 .75rem/1 "Font Awesome 6 Free"; color: var(--isj-muted); transition: transform .3s var(--isj-ease), color .3s;
}
.isj-link[target="_blank"]::after { content: "\f35d"; }
.isj-link > strong, .isj-link > b { grid-column: 2; font: 700 1rem/1.35 var(--isj-display); color: var(--isj-ink); }
.isj-link > span, .isj-link > small, .isj-link > em { grid-column: 2; margin-top: 3px; font-size: .88rem; font-style: normal; line-height: 1.45; color: var(--isj-muted); }
.isj-link > strong:only-child, .isj-link > b:only-child { grid-row: 1 / span 2; }
.isj-link:hover { transform: translateY(-3px); box-shadow: var(--isj-shadow); border-color: transparent; }
.isj-link:hover::before { background: var(--isj-navy-900); color: #fff; transform: scale(1.05); }
.isj-link:hover::after { color: var(--isj-accent); transform: translateX(4px); }
.isj-link:hover > strong, .isj-link:hover > b { color: var(--isj-accent); }
.isj-link--accent::before { background: var(--isj-gold-100); color: #8A6510; }
:root[data-theme="dark"] .isj-link--accent::before { color: var(--isj-gold-400); }

/* Liste de documente (PDF, Word…) */
.isj-docs { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; gap: 8px; }
.isj-docs li { margin: 0 !important; padding: 0 !important; }
.isj-docs li::marker { content: none; }
.isj-docs a { display: flex !important; width: 100%; }

/* Casete informative */
.isj-callout { position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 14px; align-items: start; margin: 18px 0; padding: 16px 18px; border-radius: 14px; background: var(--isj-blue-50); border: 1px solid color-mix(in srgb, var(--isj-accent) 22%, transparent); color: var(--isj-ink-2); }
.isj-callout::before { grid-row: 1 / span 9; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; font: 900 .95rem/1 "Font Awesome 6 Free"; background: var(--isj-surface); color: var(--isj-accent); }
.isj-callout:not([class*="fa-"])::before { content: "\f05a"; }
.isj-callout > * { grid-column: 2; margin: 0 !important; }
.isj-callout > * + * { margin-top: 6px !important; }
.isj-callout > strong:first-child, .isj-callout > b:first-child { color: var(--isj-ink); font-family: var(--isj-display); }
.isj-callout--warn { background: #FFF7E6; border-color: #F6DFA9; }
.isj-callout--warn::before { color: var(--isj-amber); }
:root[data-theme="dark"] .isj-callout--warn { background: #2A2010; border-color: #4A3A16; }

@media (max-width: 991.98px) { .isj-links--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px)    { .isj-links, .isj-links--3 { grid-template-columns: 1fr; } .isj-link { padding: 15px 14px 15px 16px; } }
@media print { .isj-link { box-shadow: none; break-inside: avoid; } }

/* ==========================================================================
   25. COMPONENTE (2): titlu de secțiune cu iconiță, coloane, plăcuțe
   ========================================================================== */
/* Titlu de secțiune cu iconiță: <h2 class="isj-sec fa-book">…</h2> */
.isj-page .isj-sec[class*="fa-"]::before {
    width: 34px; height: 34px; flex-shrink: 0; display: grid; place-items: center; border-radius: 10px;
    font: 900 .85rem/1 "Font Awesome 6 Free"; letter-spacing: 0; background: var(--isj-navy-900); color: #fff;
}
.isj-page .isj-sec[class*="fa-"] { color: var(--isj-ink) !important; font-size: .82rem !important; }

/* Coloane: grupuri puse una lângă alta */
.isj-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 26px; align-items: start; }
.isj-cols > p { display: contents; }
.isj-col > .isj-sec:first-child { margin-top: 0 !important; }
.isj-col + .isj-col > .isj-sec:first-child { margin-top: 0 !important; }

/* Plăcuțe compacte (ex. discipline): <div class="isj-tiles"><a class="isj-tile fa-flask" href="…">Chimie</a>…</div> */
.isj-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 10px; }
.isj-tiles > p { display: contents; }
.isj-tiles br { display: none; }
.isj-tile {
    display: flex !important; align-items: center; gap: 11px; min-height: 58px; padding: 10px 14px 10px 10px;
    border-radius: 14px; background: var(--isj-surface); border: 1px solid var(--isj-line); box-shadow: var(--isj-shadow-xs);
    font: 700 .88rem/1.3 var(--isj-display); color: var(--isj-ink) !important;
    transition: transform .25s var(--isj-ease), box-shadow .25s, border-color .25s, color .25s;
}
.isj-tile::before {
    width: 36px; height: 36px; flex-shrink: 0; display: grid; place-items: center; border-radius: 11px;
    font: 900 .9rem/1 "Font Awesome 6 Free"; background: var(--isj-accent-soft); color: var(--isj-accent);
    transition: background .25s, color .25s;
}
.isj-tile:not([class*="fa-"])::before { content: "\f02d"; }
.isj-tile:hover { transform: translateY(-2px); box-shadow: var(--isj-shadow-sm); border-color: color-mix(in srgb, var(--isj-accent) 35%, var(--isj-line)); color: var(--isj-accent) !important; }
.isj-tile:hover::before { background: var(--isj-navy-900); color: #fff; }

@media (max-width: 860px) { .isj-cols { grid-template-columns: 1fr; } .isj-col + .isj-col > .isj-sec:first-child { margin-top: 30px !important; } }
@media (max-width: 420px) { .isj-tiles { grid-template-columns: 1fr 1fr; } .isj-tile { font-size: .8rem; padding-right: 10px; } .isj-tile::before { width: 30px; height: 30px; } }
/* Carduri-link pe 3 coloane: aranjare verticală (iconiță sus) — evită textul înghesuit */
.isj-links--3 .isj-link { grid-template-columns: minmax(0, 1fr) 20px; row-gap: 4px; align-content: start; padding: 20px; }
.isj-links--3 .isj-link::before { grid-row: 1; grid-column: 1; margin-bottom: 10px; }
.isj-links--3 .isj-link::after { grid-row: 1; grid-column: 2; align-self: start; margin-top: 6px; }
.isj-links--3 .isj-link > strong, .isj-links--3 .isj-link > b, .isj-links--3 .isj-link > span, .isj-links--3 .isj-link > small, .isj-links--3 .isj-link > em { grid-column: 1 / -1; }
.isj-links--3 .isj-link > strong:only-child, .isj-links--3 .isj-link > b:only-child { grid-row: auto; }
/* Coloane pe 3 (ex. Profesori / Elevi / Părinți) — pagina ocupă toată lățimea */
.isj-cols--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.isj-cols--3 > .isj-col > .isj-sec:first-child { margin-top: 0 !important; }
.isj-layout:has(.isj-cols--3) { grid-template-columns: minmax(0, 1fr); }
.isj-layout:has(.isj-cols--3) > .isj-layout__side { display: none; }
.isj-page:has(.isj-cols--3) { max-width: 1200px; }
@media (max-width: 991.98px) { .isj-cols--3 { grid-template-columns: 1fr; } .isj-cols--3 > .isj-col + .isj-col > .isj-sec:first-child { margin-top: 30px !important; } }
