/*
Theme Name:   Lovestory Child Theme
Theme URI:    https://lovestory.themerex.net/
Description:  Lovestory Child - Multipurpose and Multiskin Responsive Wordpress theme
Author:       ThemeREX
Author URI:   https://themerex.net/
Template:     lovestory
Version:      1.0
Tags: flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
Text Domain: lovestory
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

.custom-cls .contact_icon:before {
    margin-right: 4px;
    margin-top: 13px;
}

.custom-cls .contact_label {  
  font-size: 1.07em;
  color: #928b84;
}
.custom-cls .contact_address_text {
	color: #a3ad6f;
}

.style-line{display:block;margin-bottom:12px}
.wpcf7-radio .wpcf7-list-item{display:block;margin:6px 0}
.wpcf7-radio .wpcf7-list-item label{cursor:pointer}


  /* ===== Fix LoveStory archive grid to 3 columns ===== */
.packages-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

/* kill floats/widths/margins the theme adds to column items */
.packages-grid .sc_column_item {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  clear: none !important;
}

/* Make each card stretch so the button aligns at the bottom */
.packages-grid .card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
}

.packages-grid .featured_image img {
  display: block;
  width: 100%;
  height: auto;
}

.packages-grid .sc_price_block_title,
.packages-grid .sc_price_block_description {
  padding: 16px 18px 0;
}

.packages-grid .sc_price_block_description {
  flex: 1 1 auto;
  padding-bottom: 12px;
}

.packages-grid .sc_price_block_link {
  padding: 0 18px 18px;
  margin-top: auto; /* stick button to bottom */
}

/* ===== Responsive: 2 columns on tablets, 1 on mobile ===== */
@media (max-width: 1024px) {
  .packages-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .packages-grid { grid-template-columns: 1fr; }
}