/* ============================================
   GLOBAL ARCHITECT'S NOTE FIX
   Critical fix for text visibility on navy background
   Applies to ALL case studies
   ============================================ */

/* Container styling */
.case-note,
.architect-note,
.stress-architect-note,
[class*="architect-note"],
[class*="case-note"] {
    background: #2C4251 !important;
    border-radius: 10px !important;
    padding: 24px 32px !important;
    margin-top: 24px !important;
}

/* Label/Header styling */
.case-note h5,
.architect-note-header,
.stress-note-label,
[class*="architect"] h5,
[class*="architect"] .note-label,
[class*="case-note"] h5 {
    color: rgba(255, 255, 255, 0.45) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    margin-bottom: 10px !important;
    display: block !important;
}

/* Remove icons from headers */
.architect-note-header i,
.architect-note-icon,
.case-note-icon,
[class*="architect"] i {
    display: none !important;
}

/* CRITICAL FIX: Quote text color for visibility */
.case-note p,
.case-note blockquote,
.case-note .quote-text,
.case-note .stress-note-text,
.architect-note p,
.architect-note blockquote,
.architect-note .quote-text,
.architect-note-content p,
.stress-architect-note p,
.stress-architect-note blockquote,
.stress-architect-note .stress-note-text,
[class*="architect"] p,
[class*="architect"] blockquote,
[class*="architect"] .quote-text,
[class*="case-note"] p,
[class*="case-note"] blockquote,
[class*="note-text"] {
    color: rgba(250, 248, 245, 0.92) !important;
    font-family: 'Instrument Serif', serif !important;
    font-style: italic !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    /* Override any CSS variable that might be interfering */
    --color-white: rgba(250, 248, 245, 0.92) !important;
}

/* Specific overrides for case study IDs */
#case-purplle .case-note p,
#case-purplle .architect-note p,
#case-purplle .stress-architect-note p,
#case-diamond .case-note p,
#case-diamond .architect-note p,
#case-posh .case-note p,
#case-posh .architect-note p,
#case-sendify .case-note p,
#case-sendify .architect-note p,
#case-max .case-note p,
#case-max .architect-note p,
#case-dina .case-note p,
#case-dina .architect-note p,
#case-fox .case-note p,
#case-fox .architect-note p,
#case-filter .case-note p,
#case-filter .architect-note p,
#case-helios .case-note p,
#case-helios .architect-note p,
#case-gomo .case-note p,
#case-gomo .architect-note p,
#case-aiconic .case-note p,
#case-aiconic .architect-note p {
    color: rgba(250, 248, 245, 0.92) !important;
    font-family: 'Instrument Serif', serif !important;
    font-style: italic !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .case-note,
    .architect-note,
    .stress-architect-note,
    [class*="architect-note"],
    [class*="case-note"] {
        padding: 20px 24px !important;
    }
    
    .case-note p,
    .architect-note p,
    .stress-architect-note p,
    [class*="architect"] p,
    [class*="case-note"] p {
        font-size: 16px !important;
    }
}