* =========================================
   1. ՀԻՄՆԱԿԱՆ ԿԱՐԳԱՎՈՐՈՒՄՆԵՐ
   ========================================= */
* {  
    box-sizing: border-box;  
    margin: 0;  
    padding: 0;  
    border: none !important;  
    text-decoration: none;  
}

.fixed-top-note {
    position: fixed;         
    top: 0;                  
    left: 60%;               
    width: 100%;             
    color: #666;            
    font-size: 11px;         
    font-family: monospace;  
    padding: 5px 20px;       
    z-index: 9999;           
    text-align: left;
}

body {  
    font-family: Arial, sans-serif;  
    background-color: #fff;  
    color: #1a1a1a;  
    -webkit-font-smoothing: antialiased;  
}

.centered-container {
    max-width: 1300px;  
    margin: 0 auto;
    padding: 40px 20px;  
}

/* =========================================
   2. ՎԵՐՆԱԳԻՐ 
   ========================================= */
.top-header { 
    margin-bottom: 20px; 
    cursor: pointer; 
}

.header-pretitle { 
    font-size: 14px; 
    font-weight: 700; 
    text-transform: uppercase; 
    display: block; 
    margin-bottom: 0px; 
    color: #444444; 
}

h1 { 
    font-size: 19px; 
    font-weight: 700; 
    text-transform: uppercase; 
    letter-spacing: 1px; 
    line-height: 0.3; 
    color: #444444; 
}

.header-subtitle { 
    font-size: 16px; 
    font-weight: 700; 
    margin-top: 0px; 
    display: block; 
    color: #444444; 
}

.year-line { 
    display: block; 
    margin-top: 0px; 
    font-weight: 700; 
    font-size: 16px; 
    color: #444444; 
    transform: translateY(-6px);
}

/*  մկնիկը */
.header-pretitle:hover, 
h1:hover, 
.header-subtitle:hover, 
.year-line:hover {
    color: #FF0000 !important;
}


/* :where()-ը պահում է ցածր specificity, որ մասերի գույները գերակայեն */
.menu-item:hover:where(:not(:has(.exhibition-link:hover, .exhibition-download:hover))) :where(:not(.exhibition-link, .exhibition-sep, .exhibition-download)) {
    color: #FF0000 !important;
}

/* =========================================
   3. ՑՈՒՑԱԴՐՈՒԹՅԱՆ ՏԱՐԱԾՔ 
   ========================================= */
.display-area { 
    width: 100%; 
    margin-bottom: 0px; 
}

.project-section { 
    display: none; 
}

.project-section.active { 
    display: block; 
}

/* Նկարների բլոկ */
.image-viewer {  
    width: 100%;  
    aspect-ratio: 3 / 2;  
    background: #f9f9f9;  
    position: relative;  
    overflow: hidden;  
    cursor: pointer;
    display: flex;  
    align-items: center;  
    justify-content: center;
    border: 1px solid #eee;
}

.img-slide {  
    position: absolute;  
    width: 100%;  
    height: 100%;  
    object-fit: contain;  
    display: none;  
}

.img-slide.active { 
    display: block; 
}

/* =========================================
   4. ՍԼԱՅԴԵՐԻ ՏԱԿԻ ՀԱՏՎԱԾ 
   ========================================= */
.slider-footer {  
    margin-top: 8px;  
    display: flex;  
    justify-content: space-between;  
    align-items: center;  
    padding-bottom: 8px;  
}

/* Ձախ կողմի ինֆո (թվեր) */
.info-left {  
    display: flex;  
    flex-direction: column;  
    align-items: flex-start;  
    gap: 2px;  
}

.counter { 
    font-size: 14px; 
    color: #999; 
    font-weight: 700; 
    line-height: 1; 
}

.download-pdf { 
    font-size: 14px; 
    font-weight: 700; 
    color: #999; 
    text-transform: lowercase; 
}

/* Աջ կողմի կոճակներ (Prev/Next) */
.nav-buttons { 
    display: flex; 
    gap: 15px; 
    z-index: 5; 
}

.nav-btn {  
    cursor: pointer;  
    color: #b0b0b0;  
    font-size: 14px;  
    font-weight: 700;  
    text-transform: lowercase;  
    transition: color 0.2s; 
    line-height: 1;  
    display: inline-block;
}

.nav-btn:hover { 
    color: #000; 
}

/* =========================================
   5. ՍՏՈՐԻՆ ՄԵՆՅՈՒ
   ========================================= */
.bottom-menu { 
    display: flex; 
    flex-direction: column; 
    gap: 1px; 
    margin-top: 20px; 
}

.menu-item {  
    cursor: pointer;  
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

/* opacity-ն դրվում է տարրերի վրա, որ exhibition հղումները չազդվեն */
.menu-item p > :not(.exhibition-link, .exhibition-sep),
.menu-item .menu-pdf > :not(.exhibition-download) {
    opacity: 0.25;
    transition: opacity 0.3s;
}

/* տողի hover-ը չի գործում, երբ մկնիկը exhibition հղումների վրա է */
.menu-item:hover:not(:has(.exhibition-link:hover, .exhibition-download:hover)) p > :not(.exhibition-link, .exhibition-sep),
.menu-item:hover:not(:has(.exhibition-link:hover, .exhibition-download:hover)) .menu-pdf > :not(.exhibition-download),
.menu-item.active p > :not(.exhibition-link, .exhibition-sep),
.menu-item.active .menu-pdf > :not(.exhibition-download) { 
    opacity: 1; 
}

.menu-item p { 
    font-size: 14px; 
    font-weight: 600; 
    line-height: 1.5; 
    margin: 0; 
    position: relative; 
    padding-left: 95px; 
    flex: 1;
}

/* PDF հղումները մենյուի աջ կողմում */
.menu-pdf {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    flex-shrink: 0;
    font-size: 14px;
    line-height: 1.5;
    white-space: nowrap;
}

.menu-item:nth-of-type(1):hover * { color: #FF0000 !important; }
.menu-item:nth-of-type(2):hover * { color: #28a745 !important; }
.menu-item:nth-of-type(3):hover * { color: #0D97EF !important; }
.menu-item:nth-of-type(4):hover:not(:has(.exhibition-link:hover, .exhibition-download:hover)) :not(.exhibition-link, .exhibition-sep, .exhibition-download) { color: #800080 !important; }

/* Պիտակներ (Մաս I, II...) */
.part-label { 
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 100px; 
    text-transform: lowercase; 
    color: #444444; 
}

.roman { 
    text-transform: uppercase; 
    font-variant-numeric: lining-nums; 
    padding: 0 2px; 
}


.hy-text { display: inline; color: #1a1a1a; }
.en-text { color: #444444; font-style: italic; margin-left: 8px; display: inline; }

/* III մասի հատուկ անգլերեն տեքստը */
#special-en {
    display: block;
    color: #888;
    font-style: italic;
    line-height: 1.2;  
    margin-top: -1px;  
}

/* Տարեթվեր */
.menu-year { font-size: 14px; font-weight: 700; color: #444444; margin-left: 8px; }
#year-3 { display: inline-block; margin-left: 15px; font-size: 14px; font-weight: 700; color: #444444; font-style: normal; }

/* ՄԻԱՅՆ EXHIBITION-Ի ՀԱՄԱՐ (ԿԱՐԳԱՎՈՐՈՒՄՆԵՐ) */
/* 1. Exhibition հղումների սովորական գույնը՝ կարմիր */
.menu-item .exhibition-link {
    display: inline;
    color: #FF0000 !important; 
    text-decoration: underline;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    cursor: pointer;
    transition: color 0.3s ease;
}

.menu-item .exhibition-sep {
    color: #FF0000 !important;
}

.menu-item .exhibition-download {
    color: #FF0000 !important;
    transition: color 0.3s ease;
}

/* 2. Տողի վրա պահելիս exhibition հղումները մնում են կարմիր */
.menu-item:hover .exhibition-link,
.menu-item:hover .exhibition-download {
    color: #FF0000 !important;
}

/* 3. Exhibition հղումների ընդհանուր hover-ը և ընտրված վիճակը */
.menu-item:has(.exhibition-link:hover, .exhibition-download:hover) .exhibition-link,
.menu-item:has(.exhibition-link:hover, .exhibition-download:hover) .exhibition-download,
.menu-item.exhibition-active .exhibition-link,
.menu-item.exhibition-active .exhibition-download {
    color: #000000 !important;
}

/* =========================================
   6. ԷՋԻ ՖՈՒՏԵՐ
   ========================================= */
.static-footer { 
    margin-top: 20px; 
    font-size: 14px; 
    color: #888; 
    padding-bottom: 60px;
    display: flex;             
    justify-content: space-between; 
    align-items: flex-end;     
    gap: 20px;
    line-height: 1;            
}

.extra-note {
    font-weight: 700;
    text-transform: lowercase;
    color: #444444;
    line-height: 1;           
    white-space: nowrap;
    text-align: right;
    position: relative;
    top: -1px;                 
}

/* Սա փոխում է հղման գույնը */
.extra-note a {
    color: #888888;          
    text-decoration: underline;
}

/* Սա կառավարում է գույնը, երբ մկնիկը պահում եք վրան (hover) */
.extra-note a:hover {
    color: #000;              
    text-decoration: underline;
}

.isbn-text {
    font-weight: 700;
    color: #444444;
    white-space: nowrap;
}

.isbn-text a {
    color: #888888;
    text-decoration: underline;  
}

.isbn-text a:hover {
    color: #000;
    text-decoration: underline;
}

/* PDF-ի սկզբնական մուգ մոխրագույն գույնը */
.download-pdf {
    color: #555555 !important;
    transition: color 0.3s ease;
    cursor: pointer;
}

/* =========================================
   7. ՄՈԲԱՅԼ ՀԱՐՄԱՐԵՑՈՒՄ (RESPONSIVE)
   ========================================= */
@media (max-width: 768px) {
    .centered-container { padding: 20px 15px; }
    .image-viewer { aspect-ratio: 1 / 1; }
    .menu-item p { padding-left: 0; }
    .part-label { position: static; display: block; margin-bottom: 4px; }
    .menu-item { flex-direction: column; gap: 4px; }
    .menu-pdf { justify-content: flex-start; }
    .static-footer { flex-direction: column; align-items: flex-start; gap: 8px; }
    .isbn-text, .extra-note { white-space: normal; text-align: left; }
}

::selection { background-color: #555555 !important; color: #ffffff !important; }
::-moz-selection { background-color: #555555 !important; color: #ffffff !important; }