/*
 * Version: 2.1
 * File Description: Place here your custom CSS styles
 * Font improvements for #777777 text - make darker and bolder
 */

/* ============================================
   HEADER TOP - White text on #00A79D background
   ============================================ */
.header-top.colored,
.header-top.colored *,
.header-top.colored p,
.header-top.colored span,
.header-top.colored div,
.header-top.colored a,
.header-top.colored li,
.header-top.colored .list-inline > li {
    color: #ffffff !important;
    font-weight: 500 !important;
}

.header-top.colored a:hover {
    color: #f0f0f0 !important;
    opacity: 0.9;
}

/* Override #777777 color - make it darker (#555555) and bolder (font-weight: 500) */
body {
    color: #555555 !important; /* Changed from #777777 to darker gray */
    font-weight: 500 !important; /* Slightly bolder */
}

/* Paragraphs and text content */
p {
    color: #555555 !important;
    font-weight: 500 !important;
}

/* Exception: Paragraphs in header-top must be white */
.header-top.colored p {
    color: #ffffff !important;
}

/* ============================================
   PROGRAM DE LUCRU SECTION - White text on #00A79D background
   ============================================ */
.default-bg {
    color: #ffffff !important;
}

/* All child elements white, except buttons */
.default-bg > *:not(.btn):not(a.btn) {
    color: #ffffff !important;
}

.default-bg h3,
.default-bg h1,
.default-bg h2,
.default-bg h4,
.default-bg h5,
.default-bg h6,
.default-bg p,
.default-bg li,
.default-bg ul,
.default-bg strong,
.default-bg span {
    color: #ffffff !important;
}

/* Exclude buttons from white text - keep original styling */
.default-bg .btn,
.default-bg a.btn {
    color: inherit !important;
}

/* btn-white buttons in default-bg need dark text on white background */
.default-bg .btn-white,
.default-bg a.btn-white {
    color: #333333 !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

/* Icon color matches button text */
.default-bg .btn-white i,
.default-bg a.btn-white i {
    color: #333333 !important;
}

/* Hover state - unified button with matching text and icon */
.default-bg .btn-white:hover,
.default-bg a.btn-white:hover {
    color: #00A79D !important;
    background-color: #ffffff !important;
    border-color: #00A79D !important;
}

/* Icon must be visible on hover - same green as text */
.default-bg .btn-white:hover i,
.default-bg a.btn-white:hover i {
    color: #00A79D !important;
}

/* Animated button background - grey background for icon section on hover */
.default-bg .btn-white.btn-animated:hover:after,
.default-bg a.btn-white.btn-animated:hover:after {
    background-color: #e0e0e0 !important;
    opacity: 1 !important;
}

/* Default state - subtle background for smooth transition */
.default-bg .btn-white.btn-animated:after,
.default-bg a.btn-white.btn-animated:after {
    background-color: rgba(0, 167, 157, 0.1) !important;
    opacity: 0 !important;
}

.default-bg a:not(.btn) {
    color: #ffffff !important;
    text-decoration: underline;
}

.default-bg a:not(.btn):hover {
    color: #f0f0f0 !important;
}

/* ============================================
   COLLAPSE STYLE 2 - White text on #00A79D background
   ============================================ */
.collapse-style-2 .card-header,
.collapse-style-2 .card-header *,
.collapse-style-2 .card-header h4,
.collapse-style-2 .card-header a,
.collapse-style-2 .card-header i {
    color: #ffffff !important;
}

.collapse-style-2 .card-header a:hover {
    color: #f0f0f0 !important;
}

/* ============================================
   DESCARCĂ BROȘURĂ SECTION - White text on dark/colored background
   ============================================ */
.dark-bg.footer-top,
.dark-bg.footer-top *,
.dark-bg.footer-top h2,
.dark-bg.footer-top h1,
.dark-bg.footer-top h3,
.dark-bg.footer-top h4,
.dark-bg.footer-top p,
.dark-bg.footer-top .call-to-action,
.dark-bg.footer-top .call-to-action *,
.dark-bg.footer-top i {
    color: #ffffff !important;
}

.dark-bg.footer-top a:not(.btn) {
    color: #ffffff !important;
}

.dark-bg.footer-top a:not(.btn):hover {
    color: #f0f0f0 !important;
}

/* If it has default-hovered class with #00A79D background */
.default-hovered,
.default-hovered *,
.default-hovered h2,
.default-hovered h1,
.default-hovered h3,
.default-hovered p,
.default-hovered .call-to-action,
.default-hovered .call-to-action * {
    color: #ffffff !important;
}

/* ============================================
   GALLERY PAGES - White titles on overlay backgrounds
   ============================================ */
.overlay-link,
.overlay-link *,
.overlay-link h3,
.overlay-link h2,
.overlay-link h1,
.overlay-link h4,
.overlay-link i,
.overlay-link span {
    color: #ffffff !important;
}

.overlay-container .overlay-link,
.overlay-container .overlay-link *,
.overlay-container .overlay-link h3 {
    color: #ffffff !important;
}

/* Overlay bottom and top text (for "despre noi" gallery) */
.overlay-bottom,
.overlay-top,
.overlay-bottom *,
.overlay-top *,
.overlay-bottom .text,
.overlay-top .text,
.overlay-bottom .text h3,
.overlay-top .text h3,
.overlay-bottom .text .title,
.overlay-top .text .title,
.overlay-bottom h3,
.overlay-top h3,
.overlay-bottom h2,
.overlay-top h2,
.overlay-bottom h1,
.overlay-top h1 {
    color: #ffffff !important;
}

.overlay-container .overlay-bottom,
.overlay-container .overlay-top,
.overlay-container .overlay-bottom *,
.overlay-container .overlay-top * {
    color: #ffffff !important;
}

/* Headings that use #777777 */
h1, h2, h3, h4, h5, h6 {
    color: #555555 !important;
    font-weight: 600 !important; /* Bolder for headings */
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #555555 !important;
}

/* Form blocks and light gray sections */
.light-gray-bg.form-block,
.light-gray-bg.form-block h2,
.light-gray-bg.form-block a,
.light-gray-bg.form-block a:hover {
    color: #555555 !important;
    font-weight: 500 !important;
}

/* Blog and article content */
.blogpost-content,
.blogpost footer,
.article-content {
    color: #555555 !important;
    font-weight: 500 !important;
}

/* Footer text */
.footer p,
.subfooter p {
    color: #555555 !important;
    font-weight: 500 !important;
}

/* List items and table cells */
li, td {
    color: #555555 !important;
    font-weight: 500 !important;
}

/* Keep special elements unchanged */
.text-default,
.btn,
a:not(.text-default) {
    font-weight: inherit;
}

/* Links should use primary color, not gray */
a:not(.btn):not(.text-default) {
    color: #00A79D;
    font-weight: 500;
}

a:not(.btn):not(.text-default):hover {
    color: #008B82;
}

/* ============================================
   FIX LOGO LAYOUT SHIFT - Ensure dimensions are respected
   ============================================ */
#logo_img,
#logo-img-mobile {
    width: 85px !important;
    height: 70px !important;
    max-width: 85px !important;
    max-height: 70px !important;
    display: block !important;
    aspect-ratio: 85 / 70 !important;
}

/* Prevent logo from causing layout shift */
#logo,
#logo-mobile {
    min-width: 85px;
    min-height: 70px;
}