/*
Theme Name: Green Apple
Theme URI: https://creativethemes.com/blocksy/
Description: A custom child theme for the Blocksy WordPress theme.
Author: Rob De Franco
Author URI: https://robdefranco.com
Template: blocksy
Version: 1.0.0
*/

/* ======= HEADER - TOP ROW ====== */

/* Target the specific Stackable text element inside the top row primary items */
[data-row="top"] [data-items="primary"] .stk-block-text__text {
    font-family: 'DM Mono', monospace !important;
    font-size: 11px !important;
    color: #fcfaf5;
}

/* Optional: Target Stackable text links specifically if they aren't changing color */
[data-row="top"] [data-items="primary"] a {
    color: #8dc63f; /* Replace with your desired link color */
}

/* Style the inline text dots green */
[data-row="top"] [data-items="primary"] .header-dot {
    color: #8dc63f !important; 
    margin: 0 0 0 5px; /* Adjust spacing around the dot */
    padding-bottom: 3px;
    font-size: 20px;
    vertical-align: middle;
}

/* ======= HEADER - MENU DESCRIPTION TEXT ====== */

.menu-item-description {
    display: block;
    font-size: 0.85em; /* Make it slightly smaller than the main menu text */
    color: var(--theme-palette-color-3); /* Adjust to Blocksy color variables */
    line-height: 1.2;
    margin-top: 2px;
}


/* ======= HEADER - MAIN ROW TABLET/MOBILE ====== */

/* Allow the menu link to wrap its contents vertically */
.ct-header-nav .menu-item > a,
.menu-item > a {
    flex-wrap: wrap !important;
    align-content: center;
}

/* Style and position the description text */
.menu-item-description {
    display: block;
    width: 100%; /* Forces the description to a new line beneath the title/arrow */
    font-size: 12px !important;
    line-height: 1.3 !important;
    font-weight: normal !important;
    margin-top: 4px; /* The small gap under the menu item */
    text-transform: none !important; /* Prevents it from copying uppercase menu styles */
    color: beige;
    opacity: 0.75; /* Softens the text color slightly for better visual hierarchy */
}

/* ======= HEADER - MAIN ROW DESKTOP OVERFLOW FIX ====== */

/* Target desktop layouts only when they shrink into the danger zone */
@media (min-width: 1000px) and (max-width: 1120px) {
  
  /* Force the header container to take up full screen width */
  header [data-row] .ct-container,
  header [data-row] .ct-container-narrow {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 10px !important;  /* safe distance from the far left */
    padding-right: 10px !important; /* safe distance from the far right */
  }

  /* Safely drop the top-level menu link font size to prevent overflow */
  [data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a {
    font-size: 14px !important;
  }

  /* Match the CTA button text size by overriding its internal variable */
  [data-header*="type-1"] .ct-header [data-id="button"] [class*="ct-button"] {
    --theme-button-font-size: 14px !important;
  }
}

/* ======= CARDS ====== */

/* Style the top corners of the image wrapper and the image itself */
.card-top-rounded,
.card-top-rounded img {
    border-top-left-radius: 20px !important;  /* Adjust this pixel value to match your card */
    border-top-right-radius: 20px !important; /* Adjust this pixel value to match your card */
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* ======= FOOTER - MIDDLE ROW ====== */

.font-monospace {
    font-family: 'DM Mono', 'Courier New', Courier, monospace !important;
    font-weight: 400;
}

.font-13px {
    font-size: 13px !important;
}