/* =============================================================
   TGIT — Tour Packages Category Archive
   ============================================================= */

/* ── Category Hero ─────────────────────────────────────────── */
.tgit-cat-hero {
    position:   relative;
    min-height: 52vh;
    display:    flex;
    align-items: flex-end;
    overflow:   hidden;
}

.tgit-cat-hero__bg {
    position: absolute;
    inset:    0;
}
.tgit-cat-hero__img {
    width:      100%;
    height:     100%;
    object-fit: cover;
    object-position: center 40%;
    display:    block;
}
.tgit-cat-hero__overlay {
    position:   absolute;
    inset:      0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0.15) 0%,
        rgba(0,0,0,0.55) 60%,
        rgba(0,0,0,0.80) 100%
    );
}
.tgit-cat-hero__topo {
    position:   absolute;
    inset:      0;
    opacity:    0.05;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cpath d='M0 200 Q100 150 200 200 T400 200' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cpath d='M0 220 Q100 170 200 220 T400 220' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cpath d='M0 180 Q100 130 200 180 T400 180' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/svg%3E");
    background-repeat: repeat;
    pointer-events: none;
}

.tgit-cat-hero__inner {
    position:   relative;
    z-index:    10;
    width:      100%;
    max-width:  1400px;
    margin:     0 auto;
    padding:    5rem 1.5rem 3rem;
}
@media (min-width: 1024px) {
    .tgit-cat-hero__inner { padding: 6rem 2.5rem 3.5rem; }
}

.tgit-cat-hero__breadcrumb {
    display:     flex;
    align-items: center;
    flex-wrap:   wrap;
    gap:         0.3rem;
    font-size:   0.75rem;
    color:       rgba(255,255,255,0.55);
    margin-bottom: 1rem;
}
.tgit-cat-hero__breadcrumb a {
    display:     inline-flex;
    align-items: center;
    gap:         0.25rem;
    color:       rgba(255,255,255,0.55);
    text-decoration: none;
    transition:  color 0.15s;
}
.tgit-cat-hero__breadcrumb a:hover { color: #D4961E; }

.tgit-cat-hero__eyebrow {
    display:     inline-flex;
    align-items: center;
    gap:         0.35rem;
    font-size:   0.7rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color:       #D4961E;
    margin-bottom: 0.6rem;
}

.tgit-cat-hero__title {
    font-family: var(--tgit-font-serif, Georgia, serif);
    font-size:   clamp(2rem, 4.5vw, 3.75rem);
    font-weight: 700;
    color:       #fff;
    line-height: 1.1;
    margin:      0 0 0.75rem;
    text-shadow: 0 2px 20px rgba(0,0,0,0.35);
}

.tgit-cat-hero__desc {
    font-size:  0.95rem;
    color:      rgba(255,255,255,0.7);
    max-width:  52ch;
    line-height: 1.65;
    margin:     0 0 1.25rem;
}

.tgit-cat-hero__count {
    display:      inline-flex;
    align-items:  center;
    gap:          0.4rem;
    padding:      0.4rem 1rem;
    background:   rgba(255,255,255,0.12);
    border:       1px solid rgba(255,255,255,0.2);
    border-radius: 9999px;
    font-size:    0.8rem;
    font-weight:  600;
    color:        rgba(255,255,255,0.85);
    backdrop-filter: blur(6px);
}

/* ── Filter bar ────────────────────────────────────────────── */
.tgit-cat-filters-wrap {
    position:   sticky;
    top:        0;
    z-index:    50;
    background: #FBF8F3;
    border-bottom: 1px solid rgba(30,26,20,0.08);
    box-shadow: 0 2px 12px rgba(30,26,20,0.06);
}
.dark .tgit-cat-filters-wrap {
    background:   #1C1812;
    border-color: rgba(255,255,255,0.07);
}

.tgit-cat-filters {
    max-width: 1400px;
    margin:    0 auto;
    padding:   0.875rem 1.5rem;
}
@media (min-width: 1024px) {
    .tgit-cat-filters { padding: 0.875rem 2.5rem; }
}

.tgit-cat-filters__form {
    display:     flex;
    align-items: flex-end;
    flex-wrap:   wrap;
    gap:         0.75rem;
}

.tgit-cat-filters__group {
    display:        flex;
    flex-direction: column;
    gap:            0.25rem;
    flex:           1 1 140px;
    min-width:      130px;
}

.tgit-cat-filters__label {
    display:     flex;
    align-items: center;
    gap:         0.25rem;
    font-size:   0.68rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color:       #1E1A1480;
}
.dark .tgit-cat-filters__label { color: rgba(245,239,228,0.45); }

.tgit-cat-filters__select {
    appearance:   none;
    -webkit-appearance: none;
    padding:      0.5rem 2rem 0.5rem 0.75rem;
    background:   #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%231E1A14' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 0.6rem center / 14px;
    border:       1.5px solid rgba(30,26,20,0.15);
    border-radius: 0.6rem;
    font-size:    0.8125rem;
    color:        #1E1A14;
    cursor:       pointer;
    transition:   border-color 0.15s, box-shadow 0.15s;
    width:        100%;
}
.tgit-cat-filters__select:focus {
    outline:      none;
    border-color: #D4961E;
    box-shadow:   0 0 0 3px rgba(212,150,30,0.15);
}
.dark .tgit-cat-filters__select {
    background-color: #2A2520;
    border-color:     rgba(255,255,255,0.1);
    color:            #F5EFE4;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23F5EFE4' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}

.tgit-cat-filters__submit {
    display:      inline-flex;
    align-items:  center;
    gap:          0.4rem;
    padding:      0.55rem 1.25rem;
    background:   #1E1A14;
    color:        #F5EFE4;
    border:       none;
    border-radius: 0.6rem;
    font-size:    0.8125rem;
    font-weight:  600;
    cursor:       pointer;
    transition:   background 0.15s, transform 0.1s;
    white-space:  nowrap;
    align-self:   flex-end;
}
.tgit-cat-filters__submit:hover    { background: #3D3020; }
.tgit-cat-filters__submit:active   { transform: scale(0.97); }
.dark .tgit-cat-filters__submit    { background: #D4961E; color: #1E1A14; }
.dark .tgit-cat-filters__submit:hover { background: #E5B643; }

.tgit-cat-filters__reset {
    display:      inline-flex;
    align-items:  center;
    gap:          0.3rem;
    font-size:    0.78rem;
    font-weight:  500;
    color:        #1E1A1460;
    text-decoration: none;
    padding:      0.5rem 0.25rem;
    align-self:   flex-end;
    transition:   color 0.15s;
}
.tgit-cat-filters__reset:hover { color: #dc2626; }

/* ── Product grid ──────────────────────────────────────────── */
.tgit-cat-archive {
    background: #FBF8F3;
    padding:    3rem 0 4rem;
}
.dark .tgit-cat-archive { background: #110F0B; }

.tgit-cat-archive__inner {
    max-width: 1400px;
    margin:    0 auto;
    padding:   0 1.5rem;
}
@media (min-width: 1024px) {
    .tgit-cat-archive__inner { padding: 0 2.5rem; }
}

.tgit-cat-grid {
    display:               grid;
    grid-template-columns: repeat( 1, 1fr );
    gap:                   1.5rem;
}
@media (min-width: 640px)  { .tgit-cat-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .tgit-cat-grid { grid-template-columns: repeat(3, 1fr); } }

/* ── Package card ──────────────────────────────────────────── */
.tgit-pkg-card {
    background:    #fff;
    border-radius: 1rem;
    overflow:      hidden;
    box-shadow:    0 1px 3px rgba(30,26,20,0.06), 0 4px 16px rgba(30,26,20,0.07);
    display:       flex;
    flex-direction: column;
    transition:    transform 0.22s ease, box-shadow 0.22s ease;
}
.dark .tgit-pkg-card {
    background: #1C1812;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3), 0 6px 24px rgba(0,0,0,0.3);
}
.tgit-pkg-card:hover {
    transform:  translateY(-4px);
    box-shadow: 0 8px 32px rgba(30,26,20,0.13);
}

.tgit-pkg-card__img-wrap {
    position:     relative;
    display:      block;
    aspect-ratio: 16 / 10;
    overflow:     hidden;
    background:   #EDE8DF;
}
.dark .tgit-pkg-card__img-wrap { background: #2A2520; }

.tgit-pkg-card__img {
    width:      100%;
    height:     100%;
    object-fit: cover;
    display:    block;
    transition: transform 0.4s ease;
}
.tgit-pkg-card:hover .tgit-pkg-card__img { transform: scale(1.04); }

.tgit-pkg-card__img-placeholder {
    width:           100%;
    height:          100%;
    display:         flex;
    align-items:     center;
    justify-content: center;
    font-size:       2rem;
    color:           #1E1A1430;
}

.tgit-pkg-card__diff-badge {
    position:      absolute;
    top:           0.75rem;
    right:         0.75rem;
    padding:       0.25rem 0.7rem;
    border-radius: 9999px;
    font-size:     0.7rem;
    font-weight:   700;
    letter-spacing: 0.05em;
}

.tgit-pkg-card__body {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    flex:    1;
    gap:     0.5rem;
}

.tgit-pkg-card__dest {
    display:     inline-flex;
    align-items: center;
    gap:         0.3rem;
    font-size:   0.72rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color:       #D4961E;
    margin:      0;
}

.tgit-pkg-card__title {
    font-family: var(--tgit-font-serif, Georgia, serif);
    font-size:   1.1rem;
    font-weight: 700;
    line-height: 1.3;
    margin:      0;
    color:       #1E1A14;
}
.dark .tgit-pkg-card__title { color: #F5EFE4; }
.tgit-pkg-card__title a {
    color:           inherit;
    text-decoration: none;
    transition:      color 0.15s;
}
.tgit-pkg-card__title a:hover { color: #D4961E; }

.tgit-pkg-card__stats {
    display:  flex;
    flex-wrap: wrap;
    gap:      0.5rem;
    margin-top: 0.25rem;
}

.tgit-pkg-card__stat {
    display:      inline-flex;
    align-items:  center;
    gap:          0.25rem;
    font-size:    0.75rem;
    color:        #1E1A1460;
    background:   rgba(30,26,20,0.05);
    padding:      0.2rem 0.6rem;
    border-radius: 9999px;
}
.dark .tgit-pkg-card__stat {
    color:      rgba(245,239,228,0.5);
    background: rgba(255,255,255,0.06);
}

.tgit-pkg-card__footer {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    margin-top:      auto;
    padding-top:     0.75rem;
    border-top:      1px solid rgba(30,26,20,0.07);
    gap:             0.5rem;
}
.dark .tgit-pkg-card__footer { border-color: rgba(255,255,255,0.07); }

.tgit-pkg-card__price {
    display:     flex;
    align-items: baseline;
    gap:         0.25rem;
}
.tgit-pkg-card__price-from,
.tgit-pkg-card__price-per {
    font-size:  0.7rem;
    color:      #1E1A1450;
}
.dark .tgit-pkg-card__price-from,
.dark .tgit-pkg-card__price-per { color: rgba(245,239,228,0.4); }

.tgit-pkg-card__price-amount {
    font-size:   1.1rem;
    font-weight: 700;
    color:       #1E1A14;
}
.dark .tgit-pkg-card__price-amount { color: #E5B643; }

.tgit-pkg-card__cta {
    display:      inline-flex;
    align-items:  center;
    gap:          0.35rem;
    padding:      0.45rem 1rem;
    background:   #1E1A14;
    color:        #F5EFE4;
    border-radius: 0.5rem;
    font-size:    0.78rem;
    font-weight:  600;
    text-decoration: none;
    white-space:  nowrap;
    transition:   background 0.15s, transform 0.1s;
    flex-shrink:  0;
}
.tgit-pkg-card__cta:hover  { background: #3D3020; }
.tgit-pkg-card__cta:active { transform: scale(0.96); }
.dark .tgit-pkg-card__cta  { background: #D4961E; color: #1E1A14; }
.dark .tgit-pkg-card__cta:hover { background: #E5B643; }

/* ── Pagination ────────────────────────────────────────────── */
.tgit-cat-pagination {
    margin-top:  3rem;
    display:     flex;
    justify-content: center;
}
.tgit-cat-pagination .page-numbers {
    list-style: none;
    display:    flex;
    flex-wrap:  wrap;
    gap:        0.5rem;
    padding:    0;
    margin:     0;
}
.tgit-cat-pagination .page-numbers li a,
.tgit-cat-pagination .page-numbers li span {
    display:       flex;
    align-items:   center;
    justify-content: center;
    min-width:     2.4rem;
    height:        2.4rem;
    padding:       0 0.75rem;
    border:        1.5px solid rgba(30,26,20,0.15);
    border-radius: 0.5rem;
    font-size:     0.85rem;
    font-weight:   600;
    color:         #1E1A14;
    text-decoration: none;
    background:    #fff;
    transition:    background 0.15s, border-color 0.15s, color 0.15s;
}
.tgit-cat-pagination .page-numbers li a:hover {
    background:    #1E1A14;
    color:         #F5EFE4;
    border-color:  #1E1A14;
}
.tgit-cat-pagination .page-numbers li span.current {
    background:    #D4961E;
    color:         #fff;
    border-color:  #D4961E;
}
.dark .tgit-cat-pagination .page-numbers li a,
.dark .tgit-cat-pagination .page-numbers li span {
    background:   #1C1812;
    color:        #F5EFE4;
    border-color: rgba(255,255,255,0.1);
}

/* ── Empty state ───────────────────────────────────────────── */
.tgit-cat-empty {
    text-align:  center;
    padding:     5rem 1rem;
    color:       #1E1A1450;
}
.dark .tgit-cat-empty { color: rgba(245,239,228,0.35); }

.tgit-cat-empty i    { font-size: 3.5rem; display: block; margin-bottom: 1rem; }
.tgit-cat-empty h3   { font-size: 1.2rem; font-weight: 600; margin: 0 0 0.5rem; color: #1E1A1470; }
.tgit-cat-empty p    { font-size: 0.875rem; }
.tgit-cat-empty a    { color: #D4961E; text-decoration: underline; }

/* ── Reduced motion ────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    .tgit-pkg-card,
    .tgit-pkg-card__img { transition: none; }
}

ul.products.columns-4 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 2rem;
  list-style: none;
  padding: 0px;
  clear: both;
}

.git-trek-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}


h1.page-title {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 2.5rem;
  margin-bottom: 1.5rem;
  color: inherit;
}

.shop-header-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
  gap: 1rem;
}

p {
  margin: 0px;
}

form.woocommerce-ordering {
  margin: 0px;
}