/*
Theme Name:   Dor Child
Theme URI:    https://mclifestyledesign.com
Description:  Minimal child theme for Dor — MC Life Style & Design brand tokens only
Author:       Rise In Rank
Template:     dor
Version:      2.1.0
Text Domain:  dor-child
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400&family=Cinzel:wght@400;500&display=swap');

/* =============================================
   BRAND TOKENS
   ============================================= */
:root {
  --mc-navy:         #081427;
  --mc-navy-light:   #0B1A2E;
  --mc-gold:         #C9A84C;
  --mc-gold-dark:    #A68A3E;
  --mc-gold-light:   #E8C97A;
  --mc-gold-border:  #B89D4F;
  --mc-cream:        #F5F2ED;
  --mc-white:        #FFFFFF;
  --mc-text:         #E8E4DC;
  --mc-text-light:   #9A9488;
}

/* =============================================
   GLOBAL BACKGROUND — Deep Navy (not black)
   ============================================= */
body,
.mkdf-content {
  background-color: #081427 !important;
}

/* =============================================
   HEADER
   ============================================= */
.mkdf-page-header,
.mkdf-menu-area {
  background-color: rgba(8, 20, 39, 0.95) !important;
}

/* Header border — subtle gold line at bottom */
.mkdf-page-header {
  border-bottom: 1px solid rgba(201, 168, 76, 0.25);
}

/* =============================================
   LOGO
   ============================================= */
.header-logo-wrapper img,
.mkdf-logo-wrapper img {
  max-height: 80px;
  width: auto;
}

/* =============================================
   GOLD FRAME / BORDER STYLING
   Inspired by Marta's portfolio presentation
   ============================================= */

/* Gold-framed sections — add class .mc-gold-frame to any Elementor section */
.mc-gold-frame {
  border: 2px solid var(--mc-gold-border);
  padding: 2rem;
  position: relative;
}

/* Double gold frame effect */
.mc-gold-frame-double {
  border: 1px solid var(--mc-gold-border);
  padding: 2rem;
  position: relative;
  outline: 1px solid var(--mc-gold-border);
  outline-offset: 6px;
}

/* Gold top/bottom rules (like her portfolio pages) */
.mc-gold-rule-top {
  border-top: 2px solid var(--mc-gold-border);
}

.mc-gold-rule-bottom {
  border-bottom: 2px solid var(--mc-gold-border);
}

/* =============================================
   ELEMENTOR SECTION OVERRIDES
   Make all dark sections use navy instead of black
   ============================================= */
.elementor-section[data-settings*="background_background"] {
  /* Only override truly black backgrounds */
}

/* Sections that were set to black (#000) — shift to navy */
.elementor-section .elementor-element-populated {
  /* Inherit navy from body */
}

/* =============================================
   TYPOGRAPHY ON DARK BACKGROUNDS
   ============================================= */

/* Default text on dark backgrounds — warm cream */
.mkdf-content h1,
.mkdf-content h2,
.mkdf-content h3,
.mkdf-content h4,
.mkdf-content h5,
.mkdf-content h6 {
  color: var(--mc-cream);
}

/* Gold accent for specific headings — add .mc-gold class */
.mc-gold,
.mc-gold h1, .mc-gold h2, .mc-gold h3 {
  color: var(--mc-gold) !important;
}

/* =============================================
   PORTFOLIO ITEMS — Gold hover border
   ============================================= */
.mkdf-pl-holder article:hover {
  outline: 1px solid rgba(201, 168, 76, 0.4);
  transition: outline 0.3s ease;
}

/* =============================================
   FOOTER — Navy with gold accent
   ============================================= */
.mkdf-page-footer {
  background-color: #060F1E !important;
  border-top: 1px solid rgba(201, 168, 76, 0.2);
}

/* =============================================
   BUTTONS — Gold styling
   ============================================= */
.mkdf-btn.mkdf-btn-solid,
.elementor-button {
  background-color: var(--mc-gold) !important;
  color: var(--mc-navy) !important;
  border: none;
  font-family: 'Cinzel', serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.mkdf-btn.mkdf-btn-solid:hover,
.elementor-button:hover {
  background-color: var(--mc-gold-light) !important;
}

/* Outline/ghost button variant */
.mkdf-btn.mkdf-btn-outline {
  border: 1px solid var(--mc-gold-border) !important;
  color: var(--mc-gold) !important;
  background: transparent !important;
}

.mkdf-btn.mkdf-btn-outline:hover {
  background-color: var(--mc-gold) !important;
  color: var(--mc-navy) !important;
}

/* =============================================
   LINKS — Gold accents
   ============================================= */
a {
  color: var(--mc-gold);
  transition: color 0.3s ease;
}

a:hover {
  color: var(--mc-gold-light);
}

/* Navigation links stay cream/white */
.mkdf-main-menu > ul > li > a {
  color: var(--mc-cream) !important;
}

.mkdf-main-menu > ul > li > a:hover,
.mkdf-main-menu > ul > li.mkdf-active-item > a {
  color: var(--mc-gold) !important;
}

/* =============================================
   SCROLLBAR — Subtle gold
   ============================================= */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--mc-navy);
}

::-webkit-scrollbar-thumb {
  background: rgba(201, 168, 76, 0.3);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(201, 168, 76, 0.5);
}

/* =============================================
   FORM ELEMENTS
   ============================================= */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
  border: 1px solid rgba(201, 168, 76, 0.3) !important;
  background-color: rgba(8, 20, 39, 0.8) !important;
  color: var(--mc-cream) !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
  border-color: var(--mc-gold) !important;
  outline: none;
}

/* =============================================
   SEPARATORS / DIVIDERS — Gold
   ============================================= */
.mkdf-separator {
  border-color: var(--mc-gold-border) !important;
}

/* =============================================
   IMAGE LAZY LOAD
   ============================================= */
img[loading="lazy"] {
  loading: lazy;
}

/* =============================================
   HOMEPAGE HERO OVERRIDES
   Added: May 20, 2026
   ============================================= */

/* Hide empty RevSlider section on homepage */
.home .elementor-element-4e1615f,
.home .rs-module-wrap {
  display: none !important;
}

/* Hide placeholder logos (LOREM IPSUM / REAL ESTATE) */
.mkdf-clients-carousel-holder {
  display: none !important;
}

/* Section containing clients carousel */
.home .elementor-element-70ff336 {
  display: none !important;
}

/* =============================================
   SKILLS PROGRESS BARS — Fix animation
   ============================================= */
.mkdf-progress-bar .mkdf-pb-percent {
  color: var(--mc-gold) !important;
}
.mkdf-progress-bar .mkdf-pb-title-holder .mkdf-pb-title {
  color: var(--mc-cream) !important;
  font-family: 'Cinzel', serif !important;
  letter-spacing: 2px !important;
}
.mkdf-progress-bar .mkdf-pb-content-holder .mkdf-pb-content {
  background-color: var(--mc-gold) !important;
}
.mkdf-progress-bar .mkdf-pb-content-holder {
  background-color: rgba(201, 168, 76, 0.15) !important;
}

/* =============================================
   SECTION TITLE STYLING ENHANCEMENT
   ============================================= */
.mkdf-section-title .mkdf-st-subtitle {
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  color: var(--mc-gold) !important;
  font-size: 18px !important;
}

.mkdf-section-title .mkdf-st-title {
  font-family: 'Playfair Display', serif !important;
  color: var(--mc-cream) !important;
}

/* =============================================
   PROCESS STEPS ENHANCEMENT
   ============================================= */
.mkdf-process-holder .mkdf-pi-title {
  font-family: 'Cinzel', serif !important;
  letter-spacing: 2px !important;
  color: var(--mc-cream) !important;
}
.mkdf-process-holder .mkdf-pi-text {
  color: var(--mc-text-light) !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}
.mkdf-process-holder .mkdf-pi-icon-holder svg,
.mkdf-process-holder .mkdf-pi-icon-holder i {
  color: var(--mc-gold) !important;
}

/* =============================================
   ABOUT SECTION ENHANCEMENT
   ============================================= */
.mkdf-section-title .mkdf-st-text {
  color: var(--mc-text-light) !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
}

/* =============================================
   CTA SECTION ENHANCEMENT
   ============================================= */
.elementor-element-baea268 h2 {
  font-family: 'Playfair Display', serif !important;
  color: var(--mc-cream) !important;
}

/* =============================================
   BLOG LIST CARDS STYLING
   ============================================= */
.mkdf-blog-holder article {
  background-color: rgba(11, 26, 46, 0.6) !important;
  border: 1px solid rgba(201, 168, 76, 0.15);
  transition: border-color 0.3s ease;
}
.mkdf-blog-holder article:hover {
  border-color: rgba(201, 168, 76, 0.4);
}
.mkdf-blog-holder .mkdf-post-title a {
  font-family: 'Playfair Display', serif !important;
  color: var(--mc-cream) !important;
}
.mkdf-blog-holder .mkdf-post-title a:hover {
  color: var(--mc-gold) !important;
}
.mkdf-blog-holder .mkdf-post-excerpt {
  color: var(--mc-text-light) !important;
}

/* =============================================
   TEAM MEMBERS STYLING
   ============================================= */
.mkdf-team-holder .mkdf-team-name {
  font-family: 'Playfair Display', serif !important;
  color: var(--mc-cream) !important;
}
.mkdf-team-holder .mkdf-team-position {
  color: var(--mc-gold) !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
}

/* =============================================
   FOOTER ENHANCEMENTS
   ============================================= */
.mkdf-footer-top-holder {
  background-color: #060F1E !important;
}
.mkdf-footer-bottom-holder {
  background-color: #040B16 !important;
  border-top: 1px solid rgba(201, 168, 76, 0.15);
}

/* =============================================
   PAGE TITLE AREA
   ============================================= */
.mkdf-title-holder {
  background-color: var(--mc-navy) !important;
}
.mkdf-title-holder h1 {
  font-family: 'Playfair Display', serif !important;
  color: var(--mc-cream) !important;
}

/* =============================================
   SINGLE POST / BLOG STYLING
   ============================================= */
.single-post .mkdf-blog-holder {
  background-color: transparent !important;
}
.single-post .entry-title {
  font-family: 'Playfair Display', serif !important;
  color: var(--mc-cream) !important;
}
.single-post .mkdf-post-info-author,
.single-post .mkdf-post-info-date {
  color: var(--mc-text-light) !important;
}


/* =============================================
   ABOUT PAGE FIXES
   Added: May 20, 2026
   ============================================= */

/* Hide broken "NAN" counter section */
.mkdf-counter-holder .mkdf-counter.mkdf-counter-zero {
  display: none;
}

/* Fix counter display - show as elegant text instead */
.mkdf-counter-holder .mkdf-counter {
  font-family: 'Playfair Display', serif !important;
  color: var(--mc-gold) !important;
  font-size: 48px !important;
}

/* Hide "Sorry, no posts matched your criteria" message */
.mkdf-blog-holder .mkdf-blog-message,
.mkdf-content p:only-child:empty,
p.mkdf-no-posts {
  display: none !important;
}

/* Target the specific "no posts" text */
.elementor-widget-container > p:only-child {
  /* Don't hide all - only the error ones */
}

/* Progress bar fixes - ensure they animate properly */
.mkdf-progress-bar .mkdf-pb-content {
  transition: width 2s ease-in-out !important;
}

/* =============================================
   HOMEPAGE - Fix empty first section strip
   ============================================= */
.home .elementor > .elementor-section:first-child:empty,
.home .elementor > .elementor-section:first-child .elementor-container:empty {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* RevSlider wrapper - hide when empty */
.home .rs-module-wrap,
.home .rev_slider_wrapper {
  display: none !important;
}

/* =============================================
   GLOBAL POLISH
   ============================================= */

/* Smooth scroll behavior */
html {
  scroll-behavior: smooth;
}

/* Selection color */
::selection {
  background: rgba(201, 168, 76, 0.3);
  color: var(--mc-cream);
}

/* Image hover effects for portfolio */
.mkdf-pl-holder article img {
  transition: transform 0.6s ease, filter 0.6s ease;
}
.mkdf-pl-holder article:hover img {
  transform: scale(1.03);
}

/* Parallax sections polish */
.mkdf-parallax-section-holder {
  background-color: var(--mc-navy) !important;
}

/* Video button styling */
.mkdf-video-button-play {
  border-color: var(--mc-gold) !important;
}
.mkdf-video-button-play .mkdf-video-button-arrow {
  border-left-color: var(--mc-gold) !important;
}

/* Layout holder backgrounds */
.mkdf-layout-holder {
  background-color: var(--mc-navy-light) !important;
}