/*
Theme Name: WordPressDeveloperPro
Theme URI: https://wordpressdeveloperpro.com
Author: Edgar Yepremyan
Author URI: https://wordpressdeveloperpro.com
Description: Custom child theme for WordPressDeveloperPro Core.
Version: 1.0.0
Template: wordpressdeveloperpro
Text Domain: wordpressdeveloperpro
*/


/* --- 1. ENTERPRISE HEADER CONTAINER --- */
.site-header {
    background-color: rgba(10, 10, 10, 0.95); /* Deep Dark Background */
    backdrop-filter: blur(10px); /* Modern "Frosted Glass" effect */
    border-bottom: 1px solid #222;
    position: sticky;
    top: 0;
    z-index: 1000;
    padding: 10px 0;
}


/* Fix vertical alignment */
.inside-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* --- 2. LOGO / BRANDING --- */
.site-branding .main-title a {
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 1.5rem;
    font-weight: 800;
    color: #ffffff;
    text-transform: none; /* Keep it clean, not shouting */
    letter-spacing: -0.03em;
    text-decoration: none;
    transition: color 0.3s ease;
}

.site-branding .main-title a:hover {
    color: #2563eb; /* Accent Blue on Hover */
}

/* --- 3. STANDARD NAVIGATION LINKS --- */
.main-navigation .main-nav ul li a {
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: #a1a1aa; /* Muted gray for standard links */
    transition: color 0.3s;
}

.main-navigation .main-nav ul li a:hover {
    color: #ffffff; /* White on hover */
}

/* --- 4. THE "UNIMAGINABLY CLICKABLE" BUTTON --- 
   Targeting #menu-item-152 specifically 
*/
#menu-item-152 {
    margin-left: 20px; /* Separate it from other links */
}

#menu-item-152 a {
    background: #2563eb; /* Enterprise Blue */
    color: #ffffff !important;
    padding: 12px 28px;
    border-radius: 50px; /* Pill shape */
    font-weight: 700;
    font-size: 0.95rem;
    letter-spacing: 0.5px;
    line-height: 1;
    display: inline-block;
    
    /* The "Click Me" Psychology (Glow & Depth) */
    box-shadow: 0 4px 14px 0 rgba(37, 99, 235, 0.39);
    transition: all 0.2s ease-in-out;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Hover State: The "Lift" */
#menu-item-152 a:hover {
    background: #1d4ed8;
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.23);
    color: #ffffff;
}

/* Active/Click State: The "Press" */
#menu-item-152 a:active {
    transform: translateY(1px);
    box-shadow: 0 2px 10px rgba(37, 99, 235, 0.1);
}

/* --- 5. MOBILE MENU ICON --- */
.menu-toggle .gp-icon svg {
    fill: #ffffff; /* Make hamburger icon white */
}
button.menu-toggle {
    color: #ffffff;
}



.site-content {
    flex-direction: column;
}

#forminator-module-23 a:hover, a:focus, a:active {
    color: white;
}

.copyright-bar{display: none;}




.main-navigation, .main-navigation ul ul {
    background-color: unset;
}

/* Mobile */
@media (max-width: 768px){
    .site-branding .main-title a{
        font-size: 1.35rem; 
        letter-spacing: -0.02em;
        line-height: 1.05;
        white-space: nowrap;
    }
}

/* Small phones */
@media (max-width: 480px){
    .site-branding .main-title a{
        font-size: 1.2rem;  
        padding-left: 10px;
    }
}

/* Desktop only (keeps your spacing rule off mobile) */
@media (min-width: 769px) {
  #menu-item-152 {
    margin-left: 20px;
  }
}

/* Mobile only */
@media (max-width: 768px) {
  .main-navigation.toggled .main-nav li {
    width: 100%;
    text-align: center; 
  }

  /* Safety override in case the rule is defined elsewhere */
  #menu-item-152 {
    margin-left: 0 !important;
  }


    .has-inline-mobile-toggle .mobile-menu-control-wrapper {
        padding-top: 5px;
    }

}


.wdp-footer-bar {
    background: #0a0a0a;
    border-top: 1px solid #111827;
    padding: 1.1rem 20px;
    font-size: 0.85rem;
    color: #9ca3af;
}

.wdp-footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    line-height: 1.5;
}

.wdp-footer-bar span {
    display: inline-block;
    letter-spacing: 0.02em;
    font-weight: 400;
    text-transform: none;
    white-space: normal;
}

.wdp-footer-bar{
  background:#0a0a0a;
  border-top:1px solid #111827;
  padding:1.1rem 20px;
  font-size:.85rem;
  color:#9ca3af;
}

.wdp-footer-inner{max-width:1200px;margin:0 auto;}
nav.wdp-footer-links {
    margin-top: .4rem;
}

.wdp-footer-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}



/* --- Mobile optimization --- */
@media (max-width: 640px) {
    .wdp-footer-bar {
        padding: 1.3rem 14px;
        font-size: 0.78rem;
    }

    .wdp-footer-inner {
        padding: 0 10px;
    }

    .wdp-footer-bar span {
        display: block;          /* stack lines cleanly */
        margin-bottom: 0.3rem;
    }

    .wdp-footer-bar span:last-child {
        margin-bottom: 0;        /* remove last gap */
    }
}


h2 {
    font-weight: 700;
}

/* Desktop: inline with separators */
@media (min-width: 768px) {
  .wdp-footer-links{
    display:flex;
    flex-wrap:wrap;
    gap:0;                 
    align-items:center;
     justify-content: center;
  }

  .wdp-footer-links a{
     color:#e5e7eb;             
  text-decoration:underline;  
  text-underline-offset:3px;
 
  }

  .wdp-footer-links a + a{
    margin-left:9px;
    padding-left:14px;
    position:relative;
  }

  .wdp-footer-links a + a:before{
    content:"•";
    position:absolute;
    left:0;
    opacity:.45;
  }
}

/* Mobile: stacked, roomy taps */
@media (max-width: 767px) {
  .wdp-footer-links{
    display:flex;
    flex-direction:column;
    gap:10px;
  }
}
.site-info {
    background-color: unset;
}

.grid-container{
    max-width: unset;
}