/*
Theme Name: Seeshore Travel Child
Theme URI: https://seeshoretravel.com/
Description: Child theme for Seeshore Travel, based on Hello Elementor.
Author: Zivit Drori
Author URI: https://www.zivit-design.co.il/
Template: hello-elementor
Version: 1.0.1
Text Domain: seeshoretravel-child
*/

/*
Add site-specific CSS here only if it should live in the child theme.
For Elementor-specific styling, prefer Elementor Site Settings / Custom CSS when appropriate.
*/

/*tour-page*/
.tour_table thead tr td{font-weight: bold;}
table.tour_table td, table.tour_table th{border-width: 0 0 1px; }
@media (max-width: 767px) {table.tour_table td, table.tour_table th{padding: 5px;}}
.tour_day_plan h4{color:var(--e-global-color-primary); font-size: 1.2em; display: flex; flex-direction: row; gap:5px; margin: 20px 0 10px; border-bottom: 2px solid var(--e-global-color-primary);}
.tour_day_plan h4 span{color:var(--e-global-color-2b4efcc);background: var(--e-global-color-primary);
    padding: 0 5px;}
ul#breadcrumbs {list-style: none;display: flex;flex-direction: row;gap: 3px;flex-wrap: wrap;padding-inline-start: unset;}
ul#breadcrumbs li a{color:var(--e-global-color-c5ed3bc);}

.custom-tour-accordion {display: flex;flex-direction: column;gap: 12px;}
.tour-accordion-item {border: 1px solid #ddd;border-radius: 10px;overflow: hidden;background: #fff; }
.tour-accordion-title {cursor: pointer;padding: 16px 20px;font-weight: 600;list-style: none;position: relative; color:var(--e-global-color-primary); display: flex; flex-direction: row; align-items: stretch;justify-content: space-between;}
.tour-accordion-title::-webkit-details-marker {display: none;}
.tour-accordion-title::after {content: "+";font-size: 22px;line-height: 1;}
html[dir="rtl"] .tour-accordion-title::after {left: 20px;}
html[dir="ltr"] .tour-accordion-title::after {right: 20px;}
.tour-accordion-item[open] .tour-accordion-title::after {content: "−";}
.tour-accordion-content p:last-child {margin-bottom: 0;}
.tour-accordion-content {display: grid;grid-template-rows: 0fr;transition: grid-template-rows 0.35s ease;}
.tour-accordion-content-inner {overflow: hidden;opacity: 0;padding: 0 20px;transition: opacity 0.25s ease, padding 0.35s ease;}
.tour-accordion-item[open] .tour-accordion-content {grid-template-rows: 1fr;}
.tour-accordion-item[open] .tour-accordion-content-inner {opacity: 1;padding: 0 20px 20px;}

/*archive*/
.tours_grid_archive{display: flex; flex-direction: row; gap:20px;}
.tour_item_wrap{ flex: 0 0 calc(33.333% - 14px);max-width: calc(33% - 10px);}
/* טאבלט - 2 טורים */
@media (max-width: 1024px) {  .tours_grid_archive .tour_item_wrap{flex-basis: calc(50% - 10px);max-width: calc(50% - 10px);}  }

/* מובייל - טור אחד */
@media (max-width: 767px) { .tours_grid_archive{flex-direction: column;}
    .tours_grid_archive .tour_item_wrap{ flex-basis: 100%;max-width: 100%;}  }


.tour_item_wrap .tour_item a{position: relative; display: block; aspect-ratio:4/3; overflow: hidden;}
.tour_item_wrap .tour_item a .img_wrap{width: 100%; height: auto;}
.tour_item_wrap .tour_item a .img_wrap img{aspect-ratio:4/3; object-fit: cover;}
.tour_item_wrap .tour_item a .tour_content{position: absolute; display: grid; grid-template-columns: 4fr 1fr; gap:10px; width: 100%; padding: 10px; z-index: 1; bottom:0; background-color: rgba(0,0,0,0.5); color: #ffffff;}
.tour_item_wrap .tour_item a .tour_content .content-left{text-align: left;}
.tour_item_wrap .tour_item a .meta {position: absolute;top: 0;left: 0;padding: 10px;background:   var(--e-global-color-primary);color: var(--e-global-color-2b4efcc);}

/* homepage dynamic columns */
.tours_grid_archive.tours_cols_2 .tour_item_wrap {
    flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
}

.tours_grid_archive.tours_cols_3 .tour_item_wrap {
    flex: 0 0 calc(33.333% - 14px);
    max-width: calc(33% - 10px);
}