/*
Theme Name:   Kadence Child
Theme URI:    https://www.kadencewp.com/kadence-theme/
Description:  Custom child theme for Kadence
Author:       Mohammed Abdullah
Author URI:   https://mohammedabdulla.com/
Template:     kadence
Version:      1.0.1
Text Domain:  kadence-child
*/
/* ==========================================================
   ADD YOUR ACTUAL CUSTOM CSS BELOW THIS LINE
   ========================================================== */
/*================ Main Body Pages — Desktop & Base Styles ==========================*/
body.page:not(.elementor-page) #primary,
body.error404 #primary,
body.search-results #primary {
    padding-top: 80px;
    font-family: 'Inter', sans-serif;
}

body.page:not(.elementor-page) #primary h1,
body.error404 #primary h1 {
    font-family: 'Fraunces', serif;
}


/*----------------------- Main Body Pages — Tablet Responsive ----------------------------*/
@media screen and (max-width: 1024px) {
    body.page:not(.elementor-page) #primary,
    body.error404 #primary,
    body.search-results #primary {
        padding-top: 80px;
    }
}


/*---------------------- Main Body Pages — Mobile Responsive ----------------------------*/
@media screen and (max-width: 767px) {
    body.page:not(.elementor-page) #primary,
    body.error404 #primary,
    body.search-results #primary {
        padding-top: 80px;
    }
}


/*-------------------- Archive & Single Post — Main Layout ------------------------------*/
.archive #wrapper,
.single-post #wrapper {
    padding-top: 100px !important;
    overflow-x: hidden !important;
}

.archive #inner-wrap,
.single-post #inner-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/*-------------------- Archive & Single Post — Tablet Responsive -----------------------------*/
@media screen and (max-width: 1024px) {
    .archive #wrapper,
    .single-post #wrapper {
        padding-top: 100px !important;
    }
    
    .archive #primary,
    .single-post #primary,
    .archive #secondary,
    .single-post #secondary {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
    }
}


/*--------------------- Archive & Single Post — Mobile Responsive -------------------------*/
@media screen and (max-width: 767px) {
    .archive #wrapper,
    .single-post #wrapper {
        padding-top: 120px !important;
    }

    .archive .entry-archive,
    .single-post .entry-content-wrap,
    .single-post .entry-hero {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }

    /* Mobile Typography & Content Overflow Fix */
    .single-post h1.entry-title,
    .archive h1.page-title {
        font-size: 28px !important;
        line-height: 1.2 !important;
        word-break: break-word !important;
    }
}


/*------------------------- Archive Page — Header Spacing (Tablet) --------------------------*/
@media screen and (max-width: 1024px) {
    .archive .page-header {
        margin-bottom: 25px !important;
    }
}


/*------------------------- Archive Page — Header Spacing (Mobile) --------------------------*/
@media screen and (max-width: 767px) {
    .archive .page-header {
        margin-bottom: 20px !important;
    }
}


/*================ Archive — Title & Hero Section Spacing Fix ==========================*/
.archive .entry-hero,
.archive .post-archive-hero-section {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    min-height: auto !important;
}

.archive .entry-hero-container-inner,
.archive .hero-container {
    padding-bottom: 5px !important;
    margin-bottom: 0 !important;
}

.archive .entry-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.archive #primary {
    margin-top: 0px !important;
    padding-top: 0 !important;
}


/*----------------- Archive — Hero & Primary Spacing Reset (Tablet) ------------------------*/
@media screen and (max-width: 1024px) {
    .archive .hero-container {
        padding-bottom: 0px !important;
    }
    .archive #primary {
        margin-top: 0px !important;
    }
}


/*----------------- Archive — Hero & Primary Spacing Reset (Mobile) --------------------------*/
@media screen and (max-width: 767px) {
    .archive .hero-container {
        padding-bottom: 0px !important;
    }
    .archive #primary {
        margin-top: 0px !important;
    }
}


/*================ Sidebar — Remove Background, Reset Spacing & Align Content ==========================*/
.primary-sidebar,
#secondary,
.primary-sidebar .widget,
.primary-sidebar ul,
.primary-sidebar li {
  background: transparent !important;
  background-color: transparent !important;
  padding: 0px !important;
  text-align: left !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}


/*================ Sidebar — Top Spacing ==========================*/
.primary-sidebar,
#secondary {
  margin-top: 35px !important;
}


/*================ Sidebar — Search Label Styling ==========================*/
.primary-sidebar .wp-block-search__label,
#secondary label {
  font-family: 'Fraunces', serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #5E675C !important;
  margin-bottom: 12px !important;
  display: block !important;
}


/*================ Sidebar — Heading Styling ==========================*/
.primary-sidebar .widget-title,
.primary-sidebar .wp-block-heading,
#secondary .widget-title,
#secondary h2, 
#secondary h3 {
  font-family: 'Fraunces', serif !important;
  color: #2E3730 !important;
  text-align: left !important;
  margin-top: 25px !important;
}


/*================ Sidebar — Link Styling ==========================*/
.primary-sidebar a,
#secondary a {
  font-family: 'Inter', sans-serif !important;
  color: #46564a !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  display: inline-block !important;
  text-align: left !important;
  transition: all 0.3s ease !important;
}

.primary-sidebar a:hover,
#secondary a:hover {
  color: #B99A62 !important;
  font-weight: bold !important;
  text-decoration: none !important;
}


/*================ Sidebar Search Form — Base Layout ==========================*/
.primary-sidebar .wp-block-search,
#secondary .search-form {
  display: block !important;
  width: 100% !important;
}


/*================ Sidebar Search Form — Desktop & Tablet Layout ==========================*/
.primary-sidebar .wp-block-search__inside-wrapper,
#secondary .search-form {
  display: flex !important;
  flex-direction: row !important;
  gap: 8px !important;
  align-items: center !important;
  width: 100% !important;
}


/*================ Sidebar Search Input — Styling ==========================*/
.primary-sidebar input[type="search"],
.primary-sidebar .wp-block-search__input,
#secondary .wp-block-search__input {
  font-family: 'Inter', sans-serif !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  background-color: #ffffff !important;
  color: #333333 !important;
  border: 1px solid #d1d5db !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
  height: 44px !important;
}


/*================ Sidebar Search Input — Placeholder Styling ==========================*/
.primary-sidebar input[type="search"]::placeholder,
#secondary .wp-block-search__input::placeholder {
  font-family: 'Fraunces', serif !important;
  color: #9ca3af !important;
  font-size: 13px !important;
  opacity: 1 !important;
  font-style: italic !important;
}


/*================ Sidebar Search Button — Base Styling ==========================*/
.primary-sidebar button[type="submit"],
.primary-sidebar .wp-block-search__button,
#secondary .wp-block-search__button {
  font-family: 'Fraunces', serif !important;
  background-color: #2E3730 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 0 18px !important;
  height: 44px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
  white-space: nowrap !important;
}

.primary-sidebar button[type="submit"]:hover,
.primary-sidebar .wp-block-search__button:hover,
#secondary .wp-block-search__button:hover {
  background-color: #B99A62 !important;
}


/*================ Sidebar — Tablet Responsive Spacing ==========================*/
@media screen and (max-width: 1024px) {
  .primary-sidebar, #secondary {
    padding: 0px !important;
  }
}


/*================ Sidebar — Mobile Responsive Layout ==========================*/
@media screen and (max-width: 767px) {
  .primary-sidebar, #secondary {
    padding: 0px !important;
    margin-top: 25px !important;
  }
  
  /* Mobile Search Form — Vertical Stack */
  .primary-sidebar .wp-block-search__inside-wrapper,
  .primary-sidebar .wp-block-search,
  #secondary .search-form {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
  }

  /* Mobile Search Input — Full Width */
  .primary-sidebar input[type="search"],
  .primary-sidebar .wp-block-search__input,
  #secondary .wp-block-search__input {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    box-sizing: border-box !important;
    display: block !important;
    height: 44px !important;
  }

  /* Mobile Search Button — Full Width Container Alignment */
  .primary-sidebar button[type="submit"],
  .primary-sidebar .wp-block-search__button,
  #secondary .wp-block-search__button {
    width: auto !important;
	min-width: 100px !important;
	padding: 0 20px !important;
	height: 40px !important;
    align-self: flex-start !important;
    text-align: center !important;
  }
}
/*==========================  ================================*/