/*
 Theme Name: Cigars Near Me Child Theme
 Theme URI: https://cigarsnearme.co.uk
 Description: Child theme for Cigars Near Me built on Divi.
 Author: Cigars Near Me
 Template: Divi
 Version: 1.0
*/

/* =========================================================
   1. Taxonomy grids: Cities / Counties
   ========================================================= */

.cnm-tax-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 24px;
  margin: 40px 0;
}

.cnm-tax-card {
  display: block;
  background: #221f1c;
  border: 1px solid rgba(198, 166, 100, 0.18);
  border-radius: 18px;
  padding: 20px 22px;
  text-decoration: none;
  color: #eae6dd;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.45);
  transition: all 0.25s ease;
}

.cnm-tax-card .cnm-tax-title {
  margin: 0 0 6px;
  font-size: 20px;
  color: #faf6f1;
}

.cnm-tax-card .cnm-tax-meta {
  margin: 0;
  font-size: 14px;
  color: #c6a664;
  letter-spacing: 0.3px;
}

.cnm-tax-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.65);
  border-color: rgba(198, 166, 100, 0.5);
}

@media (max-width: 767px) {
  .cnm-tax-grid {
    gap: 16px;
    margin: 30px 0;
  }
}

/* =========================================================
   2. Single blog posts – charcoal layout
   ========================================================= */

.single-post,
.single-post #page-container,
.single-post #et-main-area,
.single-post #main-content,
.single-post #main-content .container,
.single-post #content-area,
.single-post #left-area,
.single-post #right-area {
  background-color: #1b1b1b !important;
}

.single-post #main-content .container:before {
  background: transparent !important;
  box-shadow: none !important;
}

.single-post .post,
.single-post .et_pb_post {
  background-color: #1b1b1b !important;
  border: 1px solid rgba(198, 166, 100, 0.18);
  border-radius: 18px;
  padding: 32px 28px;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.55);
}

.single-post .entry-title,
.single-post h1,
.single-post h2,
.single-post h3,
.single-post h4 {
  color: #faf6f1 !important;
}

.single-post p,
.single-post li,
.single-post .post-meta {
  color: #eae6dd !important;
}

.single-post a {
  color: #c6a664 !important;
}

.single-post a:hover {
  text-decoration: underline;
}

/* =========================================================
   3. Global search results – charcoal theme
   ========================================================= */

body.search,
body.search-results {
  background-color: #111111 !important;
}

body.search #main-content,
body.search #main-content .container,
body.search #main-content .et_pb_section,
body.search-results #main-content,
body.search-results #main-content .container,
body.search-results #main-content .et_pb_section {
  background-color: transparent !important;
}

/* =========================================================
   4. /shops/ filters – unified City + County styling
   ========================================================= */

/* Layout: label + pill on one line (desktop) */
body.post-type-archive-cigar_shop .cnm-city-filter-wrapper,
body.post-type-archive-cigar_shop .cnm-search {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 30px 0 10px !important;
  text-align: left !important; /* override cnm-search centre-align */
}

/* Labels – “Filter by City” / “Filter by County” */
body.post-type-archive-cigar_shop .cnm-city-filter-wrapper label,
body.post-type-archive-cigar_shop .cnm-search label {
  display: inline-block !important;
  margin: 0 12px 0 0 !important;
  white-space: nowrap !important;
  vertical-align: middle !important;

  font-size: 15px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #f5f2e9 !important;
}

/* Pills – “All Cities” / “All Counties” */
body.post-type-archive-cigar_shop #cnm-city-filter-select,
body.post-type-archive-cigar_shop #cnm-county {
  display: inline-block !important;
  vertical-align: middle !important;

  min-width: 230px !important;
  padding: 10px 24px !important;
  border-radius: 999px !important;
  border: 1px solid #d1b16f !important;
  background: #1b1b1b !important;
  color: #f5f2e9 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;

  text-align: center !important;
  text-align-last: center !important;

  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;

  /* gold chevron arrow */
  background-image:
    linear-gradient(45deg, transparent 50%, #d1b16f 50%),
    linear-gradient(135deg, #d1b16f 50%, transparent 50%);
  background-position:
    calc(100% - 16px) 50%,
    calc(100% - 11px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

/* Mobile – stack label above pill inside each wrapper */
@media (max-width: 767px) {
  body.post-type-archive-cigar_shop .cnm-city-filter-wrapper,
  body.post-type-archive-cigar_shop .cnm-search {
    flex-direction: column !important;
    align-items: flex-start !important;
    margin: 24px 0 0 !important;
  }

  body.post-type-archive-cigar_shop .cnm-city-filter-wrapper label,
  body.post-type-archive-cigar_shop .cnm-search label {
    margin: 0 0 6px !important;
  }

  body.post-type-archive-cigar_shop #cnm-city-filter-select,
  body.post-type-archive-cigar_shop #cnm-county {
    display: block !important;
    max-width: 280px !important;
    width: 100% !important;
    margin-top: 4px !important;
  }
}

/* ==========================================
   5. /shops/ – align CITY + COUNTY modules
   ========================================== */

body.post-type-archive-cigar_shop .et_pb_code_1_tb_body,
body.post-type-archive-cigar_shop .et_pb_code_2_tb_body {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* ==========================================
   6. /shops/ – centre + enlarge search bar
   ========================================== */

body.post-type-archive-cigar_shop .cnm-searchbar-wrapper {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 15px !important;
  margin: 14px auto 14px !important;
  width: 100% !important;
}

body.post-type-archive-cigar_shop .cnm-searchbar-wrapper input[type="text"],
body.post-type-archive-cigar_shop .cnm-searchbar-wrapper input[type="search"] {
  width: 480px !important;
  max-width: 90% !important;
  padding: 14px 18px !important;
  font-size: 15px !important;
  border-radius: 10px !important;
}

body.post-type-archive-cigar_shop .cnm-searchbar-wrapper button {
  padding: 14px 18px !important;
  font-size: 15px !important;
  border-radius: 10px !important;
}

/* ============================================
   /shops — remove cnm-search-row "panel"
   so results match County cards
   ============================================ */

body.post-type-archive-cigar_shop .cnm-search-row,
body.post-type-archive-cigar_shop .cnm-search-row .et_pb_row,
body.post-type-archive-cigar_shop .cnm-search-row .et_pb_column {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  max-width: none !important;
}

/* /shops — title should behave like a normal H1 (no pill) */
body.post-type-archive-cigar_shop .cnm-search-row .et_pb_text,
body.post-type-archive-cigar_shop .cnm-search-row .et_pb_text_inner {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 0 20px 0 !important; /* just some space under the title */
}
/* =========================================================
   Cigar Shop search results (Open Now, SO15, etc.)
   - Remove the big panel behind title + results
   - Let .cnm-blog card styling handle the posts
   ========================================================= */

/* 1) Section + row wrapper – no panel, no border */
body.search.post-type-archive-cigar_shop .cnm-results-section,
body.search.post-type-archive-cigar_shop .cnm-results-section .et_pb_section,
body.search.post-type-archive-cigar_shop .cnm-results-section .et_pb_row,
body.search.post-type-archive-cigar_shop .cnm-results-section .et_pb_column {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* 2) Kill any reused "search panel" styling inside that section */
body.search.post-type-archive-cigar_shop .cnm-results-section .cnm-search-row {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* 3) Title text module – no border/box, just spacing below */
body.search.post-type-archive-cigar_shop .cnm-results-section .et_pb_text,
body.search.post-type-archive-cigar_shop .cnm-results-section .et_pb_text_inner {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 0 24px !important;
}
/* =========================================================
   Open Now / SO15 Cigar Shop search results
   - Remove panel/pill styling
   - Let .cnm-blog card styles do the work
   ========================================================= */

/* 1) Kill the big panel and borders around the title + results area */
.cnm-results-section,
.cnm-results-section .cnm-search-row,
.cnm-results-section .et_pb_section,
.cnm-results-section .et_pb_row,
.cnm-results-section .et_pb_column {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* 2) Title text: no pill, just some space underneath */
.cnm-results-section .et_pb_text,
.cnm-results-section .et_pb_text_inner {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 0 24px 0 !important; /* spacing below heading only */
}

/* 3) Do NOT touch the post cards themselves – they inherit from .cnm-blog */
/* =========================================================
   Open Now / SO15 Cigar Shop search results WRAPPER
   - Strip panel / pill styling from this template only
   ========================================================= */

body.search .cnm-results-wrap,
body.search .cnm-results-wrap .et_pb_section,
body.search .cnm-results-wrap .et_pb_row,
body.search .cnm-results-wrap .et_pb_column {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Title text inside this template – no pill, just spacing */
body.search .cnm-results-wrap .et_pb_text,
body.search .cnm-results-wrap .et_pb_text_inner {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 0 24px 0 !important;
}
/* ============================================
   Open Now / SO15 Cigar Shop search results
   - remove inner search borders, keep card style
   ============================================ */

/* Kill the global search border on these results */
body.search .cnm-results-wrap .et_pb_post,
body.search .cnm-results-wrap .et_pb_post .post-content {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Re-apply the normal cnm-blog card style for this layout */
body.search .cnm-results-wrap .cnm-blog .et_pb_post {
  background: #221f1c !important;
  border: 5px solid rgba(250,246,241,0.98) !important;
  border-radius: 6px !important;
  padding: 16px !important;
}
/* CNM Leaflet map – responsive sizing */
.cnm-map {
  width: 100%;
  height: 60vh;           /* 60% of viewport height */
  max-height: 600px;      /* don’t get too tall on big screens */
  min-height: 320px;      /* keep usable on mobiles */
  border-radius: 12px;
  overflow: hidden;
  margin: 24px 0;
}