@charset "UTF-8";
/* CSS Document */

/*
Theme Name: Adelarchel Theme
Author: Toms Mathew
Version: 1.0
emai: tomthayil@gmail.com
*/

body {
  margin: 0;
  font-family: 'Arimo', sans-serif;
}

/* Header Container */

/* =====================================================
   GLOBAL HEADER RESET (CRITICAL FIX)
===================================================== */


/* All other headers behave normally */
header:not(.site-header) {
  display: block;
  padding: 0;
  height: auto;
}

    /* Logo Section */
    .logo {
      display: flex;
      align-items: center;
    }

    .logo img {
      height: 70px;
      margin-right: 10px;
    }

    /* Navigation Menu */
    nav {
      position: relative;
    }

    nav > a,
    .dropdown > a {
      text-decoration: none;
      color: var(--black, black);
      font-size: 16px;
      font-family: 'Arimo', sans-serif;
      font-weight: 400;
      word-wrap: break-word;
      display: flex;
      align-items: center;
      gap: 5px;
      position: relative;
    }

    /* Services menu no underline */
    .dropdown > a {
      text-decoration: none !important;
    }

    /* Services dropdown container */
    .dropdown {
      position: relative;
    }

    .dropdown-content {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 5px 0px;
      background: #67bcbf;
      padding: 0px 0px;
      border-radius: 10px;
      border: 15px solid #fff;
      position: absolute;
      top: 50px;
      left: 0;
      width: 550px;
      opacity: 0;
      visibility: hidden;
      transform: translateY(-10px);
      transition: all 0.3s ease;
      box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15);
      text-align: left;
    }

    .dropdown:hover .dropdown-content {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }

    /* Each service item */
    .dropdown-item a {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      text-decoration: none;
      color: black;
      flex-direction: row;
      font-family: 'Arimo', sans-serif;
      padding: 8px 10px; /* spacing so hover bg looks better */
      border-radius: 0px;
      transition: background 0.3s ease, color 0.3s ease;
    }

    /* ✅ Background hover effect */
    .dropdown-item a:hover {
      background: #c3e7e8;
      color: black;
    }

    .dropdown-item img {
      width: 40px;
      height: 40px;
      margin-top: 3px;
      flex-shrink: 0;
    }

    .dropdown-item div {
      display: flex;
      flex-direction: column;
      text-align: left;
    }

    /* Title */
    .dropdown-item h4 {
      margin: 0;
      color: black;
      font-size: 14px;
      font-family: 'Arimo', sans-serif;
      font-weight: 700;
      line-height: 25px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      transition: color 0.3s ease;
    }

    /* Subtitle */
    .dropdown-item p {
      margin: 0;
      color: black;
      font-size: 14px;
      font-family: 'Arimo', sans-serif;
      font-weight: 400;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      transition: color 0.3s ease;
    }

    /* Services arrow icon */
    .services-arrow {
      width: 16px;
      height: 16px;
    }

    /* Contact Button */
    .contact-btn {
      background-color: #ff6600;
      color: #fff;
      padding: 8px 18px;
      border-radius: 20px;
      text-decoration: none;
      font-size: 15px;
      font-weight: 500;
      transition: background 0.3s;
      font-family: 'Arimo', sans-serif;
    }

    .contact-btn:hover {
      background-color: #e65c00;
    }