.elementor-4358 .elementor-element.elementor-element-2d94b3ac{--display:flex;--min-height:332px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-2d94b3ac:not(.elementor-motion-effects-element-type-background), .elementor-4358 .elementor-element.elementor-element-2d94b3ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111D22;}.elementor-4358 .elementor-element.elementor-element-2d94b3ac > .elementor-shape-top .elementor-shape-fill, .elementor-4358 .elementor-element.elementor-element-2d94b3ac > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#692020;}.elementor-4358 .elementor-element.elementor-element-2d94b3ac.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4358 .elementor-element.elementor-element-08809f8{--spacer-size:8px;}.elementor-4358 .elementor-element.elementor-element-1072710{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;border-style:solid;--border-style:solid;border-width:0px 1px 0px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:1px;border-color:rgba(255, 247, 241, 0.22);--border-color:rgba(255, 247, 241, 0.22);}.elementor-4358 .elementor-element.elementor-element-1072710.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4358 .elementor-element.elementor-element-8f71625{--spacer-size:50px;}.elementor-4358 .elementor-element.elementor-element-64e3c7ba{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:left;}.elementor-4358 .elementor-element.elementor-element-64e3c7ba > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4358 .elementor-element.elementor-element-64e3c7ba.elementor-element{--align-self:flex-end;--flex-grow:0;--flex-shrink:0;}.elementor-4358 .elementor-element.elementor-element-64e3c7ba img{width:365px;max-width:67%;height:51px;object-fit:contain;object-position:center center;}.elementor-4358 .elementor-element.elementor-element-a47fca3{width:var( --container-widget-width, 44.661% );max-width:44.661%;--container-widget-width:44.661%;--container-widget-flex-grow:0;text-align:right;}.elementor-4358 .elementor-element.elementor-element-a47fca3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4358 .elementor-element.elementor-element-a47fca3.elementor-element{--align-self:flex-end;--flex-grow:0;--flex-shrink:0;}.elementor-4358 .elementor-element.elementor-element-a47fca3 img{width:288px;max-width:67%;height:58px;object-fit:contain;object-position:center center;}.elementor-4358 .elementor-element.elementor-element-2b7a6304{--display:flex;--min-height:434px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-2b7a6304.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4358 .elementor-element.elementor-element-b2aac4f > .elementor-widget-container{background-image:url("https://thewinebar.ie/wp-content/uploads/2025/05/pngegg-4.png");background-size:cover;}.elementor-4358 .elementor-element.elementor-element-b707195.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4358 .elementor-element.elementor-element-b707195{text-align:center;font-size:17px;font-weight:800;}.elementor-4358 .elementor-element.elementor-element-c29eed1 .elementor-heading-title{font-size:16px;}.elementor-4358 .elementor-element.elementor-element-b1bb2cc .elementor-nav-menu .elementor-item{font-size:13px;}.elementor-4358 .elementor-element.elementor-element-b1bb2cc .elementor-nav-menu--dropdown a, .elementor-4358 .elementor-element.elementor-element-b1bb2cc .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-4358 .elementor-element.elementor-element-b1bb2cc .elementor-nav-menu--dropdown{background-color:#111D22;border-style:solid;border-color:#FFFFFF;}.elementor-4358 .elementor-element.elementor-element-b1bb2cc .elementor-nav-menu--dropdown .elementor-item, .elementor-4358 .elementor-element.elementor-element-b1bb2cc .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:1px;}.elementor-4358 .elementor-element.elementor-element-b1bb2cc .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-bottom-width:4px;}.elementor-4358 .elementor-element.elementor-element-b1bb2cc .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-4358 .elementor-element.elementor-element-b1bb2cc .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:-12px !important;}.elementor-4358 .elementor-element.elementor-element-924f3e9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-4358 .elementor-element.elementor-element-b9210bc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-4358 .elementor-element.elementor-element-513acf6{width:var( --container-widget-width, 57.113% );max-width:57.113%;--container-widget-width:57.113%;--container-widget-flex-grow:0;}.elementor-4358 .elementor-element.elementor-element-513acf6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:771px){.elementor-4358 .elementor-element.elementor-element-2d94b3ac{--width:100.079%;}.elementor-4358 .elementor-element.elementor-element-2b7a6304{--width:94.407%;}}@media(max-width:1024px) and (min-width:771px){.elementor-4358 .elementor-element.elementor-element-2b7a6304{--width:100%;}}@media(max-width:1024px){.elementor-4358 .elementor-element.elementor-element-2d94b3ac{--min-height:750px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-4358 .elementor-element.elementor-element-08809f8{--spacer-size:23px;}.elementor-4358 .elementor-element.elementor-element-1072710{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-4358 .elementor-element.elementor-element-64e3c7ba > .elementor-widget-container{margin:0px 0px 40px 0px;}.elementor-4358 .elementor-element.elementor-element-64e3c7ba{text-align:left;}.elementor-4358 .elementor-element.elementor-element-a47fca3 > .elementor-widget-container{margin:0px 0px 40px 0px;}.elementor-4358 .elementor-element.elementor-element-a47fca3{text-align:right;}.elementor-4358 .elementor-element.elementor-element-2b7a6304{--padding-top:0%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-4358 .elementor-element.elementor-element-b1bb2cc .elementor-nav-menu--dropdown .elementor-item, .elementor-4358 .elementor-element.elementor-element-b1bb2cc .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:15px;}}@media(max-width:880px){.elementor-4358 .elementor-element.elementor-element-2d94b3ac{--min-height:570px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-1072710{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4358 .elementor-element.elementor-element-64e3c7ba > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4358 .elementor-element.elementor-element-64e3c7ba img{width:284px;}.elementor-4358 .elementor-element.elementor-element-a47fca3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4358 .elementor-element.elementor-element-a47fca3{text-align:right;}.elementor-4358 .elementor-element.elementor-element-2b7a6304{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:770px){.elementor-4358 .elementor-element.elementor-element-2d94b3ac > .elementor-shape-top svg, .elementor-4358 .elementor-element.elementor-element-2d94b3ac > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:45px;}.elementor-4358 .elementor-element.elementor-element-2d94b3ac{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-4358 .elementor-element.elementor-element-08809f8{--spacer-size:16px;}.elementor-4358 .elementor-element.elementor-element-1072710{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-4358 .elementor-element.elementor-element-64e3c7ba > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4358 .elementor-element.elementor-element-64e3c7ba{text-align:left;}.elementor-4358 .elementor-element.elementor-element-64e3c7ba img{width:767px;max-width:85%;height:55px;object-position:center right;}.elementor-4358 .elementor-element.elementor-element-a47fca3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4358 .elementor-element.elementor-element-a47fca3{text-align:right;}.elementor-4358 .elementor-element.elementor-element-a47fca3 img{width:418px;max-width:45%;height:57px;}.elementor-4358 .elementor-element.elementor-element-2b7a6304{--min-height:527px;--justify-content:center;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-4358 .elementor-element.elementor-element-b707195{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-size:14px;}.elementor-4358 .elementor-element.elementor-element-c29eed1 .elementor-heading-title{font-size:16px;}.elementor-4358 .elementor-element.elementor-element-b1bb2cc .elementor-nav-menu--dropdown .elementor-item, .elementor-4358 .elementor-element.elementor-element-b1bb2cc .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:13px;}.elementor-4358 .elementor-element.elementor-element-b1bb2cc .elementor-nav-menu--dropdown{border-width:2px 2px 2px 2px;border-radius:3px 3px 3px 3px;}.elementor-4358 .elementor-element.elementor-element-b1bb2cc .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:3px;border-top-right-radius:3px;}.elementor-4358 .elementor-element.elementor-element-b1bb2cc .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:3px;border-bottom-left-radius:3px;}.elementor-4358 .elementor-element.elementor-element-b1bb2cc .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-4358 .elementor-element.elementor-element-b1bb2cc .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:24px !important;}}/* Start custom CSS for html, class: .elementor-element-b2aac4f *//* ─── 1. Parent Grid: stack on mobile, two columns on tablet+ */
.cassettes {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 1rem;       /* ← smaller vertical space */
  column-gap: 1rem;    /* you can bump this to 2rem if desired */
  padding: 2rem;
}

@media (min-width: 768px) {
  .cassettes {
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
    row-gap: 1rem;     
    column-gap: 1rem;
  }
}

/* ─── 2. Contact Card (for reference) */
.contact-card {
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
  padding: 2.5rem;
  background: #111d22;
  border-radius: 1.5rem;
  box-shadow: 0 12px 32px rgba(0,0,0,0.6);
  text-align: center;
  font-family: 'Poppins', sans-serif;
}

/* … your existing .contact-card inner styles … */

/* ─── 3. Map Cassette */
.map-cassette {
  /* stretch to match sibling height */
  align-self: stretch;

  /* two-row grid: header + map */
  display: grid;
  grid-template-rows: auto 1fr;

  /* same sizing as contact-card */
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
  padding: 2.5rem;
  background: #111d22;
  border-radius: 1.5rem;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.6);
  text-align: center;
  font-family: 'Poppins', sans-serif;
}

.map-cassette h2 {
  margin: 0 0 1.5rem;
  font-size: 2rem;
  letter-spacing: 0.1em;
  color: #c9ad6f;
  line-height: 1.2;
}

.map-wrapper {
  /* fill the 1fr grid row */
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
}

.map-wrapper iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  border: 0;
}

/* ─── 4. Mobile Tweak: full-width & aspect ratio */
@media (max-width: 767px) {
  .contact-card,
  .map-cassette {
    max-width: none;
    padding: 1.5rem;
  }
  .map-wrapper {
    height: 0;
    padding-bottom: 56.25%;  /* 16:9 ratio */
  }
}
/* ─── 5. Hours Cassette */
.hours-cassette {
  /* stretch to match sibling height */
  align-self: stretch;

  /* two-row grid: header + content */
  display: grid;
  grid-template-rows: auto 1fr;

  /* same sizing as contact-card and map-cassette */
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
  padding: 2.5rem;
  background: #111d22;
  border-radius: 1.5rem;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.6);
  font-family: 'Poppins', sans-serif;
  text-align: center;
}

/* Heading style */
.hours-cassette h2 {
  margin: 0 0 1.9rem;
  font-size: 2rem;
  letter-spacing: 0.1em;
  color: #c9ad6f;
  line-height: 1;
}

/* List reset */
.hours-list {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

/* Individual items */
.hours-list li {
  margin-bottom: 1rem;
}

/* Day range */
.hours-list li strong {
  display: block;
  margin-bottom: 0rem;
  font-size: 0.8rem;
  color: #ffffff;
}

/* Last seating note */
.hours-list li em {
  display: block;
  margin-top: 0.2rem;
  font-style: normal;
  font-size: 0.9rem;
  color: #dddddd;
}

/* ─── 6. Mobile Tweak: full-width & padding match siblings */
@media (max-width: 767px) {
  .hours-cassette {
    max-width: none;
    padding: 1.5rem;
  }
}
/* ─── 1. Match the Heading */
.contact-card h2,
.hours-cassette h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 2rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #c9ad6f;
  margin-bottom: 1.5rem;
}

/* ─── 2. Match the Body Text */
.contact-card .contact-list li,
.hours-cassette .hours-list li {
  font-family: 'Poppins', sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #ffffff;
  margin-bottom: 1.25rem;
}

/* ─── 3. Small tweaks for emphasis */
.hours-cassette .hours-list li strong {
  font-weight: 600;      /* a bit bolder for the day ranges */
}
.hours-cassette .hours-list li em {
  font-style: normal;    /* remove italic if you want exact match */
  color: #dddddd;        /* or #ffffff if you prefer full-bright text */
  display: block;
  margin-top: 0.25rem;
}

/* ─── 4. Ensure the grid/tweaks stay the same */
@media (max-width: 767px) {
  .hours-cassette {
    max-width: none;
    padding: 1rem;
  }
}
/* ─── 1. Grid container */
.cassettes {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 1rem;
  column-gap: 1rem;
  padding: 2rem;

  /* <-- add this if you want to cap the two-column width on big screens */
  max-width:  780px;   /* two × 360px cards + 1rem gap */
  margin: 0 auto;
}

@media (min-width: 768px) {
  .cassettes {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ─── 2. Cards now just fill their column */
.contact-card,
.hours-cassette {
  width: 100%;
  /* kill the old centering cap */
  max-width: none;
  margin: 0;

  /* keep your existing padding, bg, etc */
  padding: 2.5rem;
  background: #111d22;
  border-radius: 1.5rem;
  box-shadow: 0 12px 32px rgba(0,0,0,0.6);
  font-family: 'Poppins', sans-serif;
  text-align: center;
  align-self: stretch;
  display: grid;
  grid-template-rows: auto 1fr;
}

/* ─── 3. Mobile tweak (if you still want reduced padding on narrow) */
@media (max-width: 767px) {
  .contact-card,
  .hours-cassette {
    padding: 1.5rem;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b7a6304 *//* ─── DESKTOP LAYOUT (≥768px) ─── */
@media (min-width: 768px) {
  /* 1. Two-column grid with a bit more gutter */
  .cassettes {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    column-gap: 2rem;
    row-gap: 1rem;
    padding: 2rem;
    align-items: start; /* top-align both cards */
  }

  /* 2. Let each cassette fill its grid cell, remove auto-margins */
  .contact-card,
  .map-cassette {
    margin: 0;
    width: 100%;
    max-width: none;
  }

  /* 3. Tweak the heading so it doesn’t wrap mid-word */
  .contact-card h2,
  .map-cassette h2 {
    font-size: 2rem;
    letter-spacing: 0.1em;
    line-height: 1.2;
    white-space: pre-wrap; /* allow wrap only at spaces */
    margin-bottom: 1.5rem;
  }

  /* 4. Remove bullets & tighten up list spacing */
  .contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .contact-list li {
    display: flex;
    align-items: center;
    margin: 0.75rem 0;
  }

  /* Address is multi-line, top-align it under the icon */
  .contact-list li:last-child {
    align-items: flex-start;
  }

  .contact-list address {
    margin: 0;
    font-style: normal;
    line-height: 1.4;
  }
}
/* ─── 1. Tame the headings so they’re identical blocks ─── */
.contact-card h2,
.map-cassette h2 {
  font-size: 2rem;         /* same size */
  letter-spacing: 0.1em;   /* same spacing */
  line-height: 1.2;        /* same line-height */
  text-align: center;      /* center both titles */
  margin-bottom: 1.5rem;   /* matching bottom margin */
  color: #c9ad6f;          /* same color */
}

/* ─── 2. Clean up the contact list ─── */
.contact-list {
  list-style: none;        /* kill bullets */
  margin: 0;
  padding: 0;
  text-align: left;        /* left-align the text under icons */
}

/* flex each line so icon + text sit perfectly */
.contact-list li {
  display: flex;
  align-items: center;
  margin: 0.75rem 0;       /* consistent spacing between items */
}

/* multi-line address: top-align under the pin icon */
.contact-list li:last-child {
  align-items: flex-start;
}

/* ─── 3. Icon container & text styling ─── */
.contact-list .icon {
  flex: 0 0 2.5rem;        /* fixed width for perfect alignment */
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #16272d;
  border-radius: 50%;
  margin-right: 1rem;
  font-size: 1.25rem;
}

.contact-list a,
.contact-list address {
  color: #e5e7eb;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.4;
}

/* optional hover effect on links */
.contact-list a:hover {
  color: #60a5fa;
}/* End custom CSS */