/* ==========================================================================
   ATA – Destination Cards
   Own namespace (.ata-dest-*) so nothing here can touch .ata-tour-card.
   ========================================================================== */

.ata-dest-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:28px; }

/* Card — whole box is the link */
.ata-dest-card {
    position:relative;
    display:flex; flex-direction:column;
    background:#fff;
    border:1px solid #e8ebe4;
    border-radius:10px;
    overflow:hidden;
    text-decoration:none; color:inherit;
    height:100%;
    box-shadow:0 2px 10px rgba(0,0,0,.05);
    transition:box-shadow .3s ease, border-color .3s ease;
}
.ata-dest-card:hover,
.ata-dest-card:focus-visible {
    box-shadow:0 14px 34px rgba(0,0,0,.15);
    border-color:#2d7a1e;
}
.ata-dest-card:focus-visible { outline:2px solid #2d7a1e; outline-offset:3px; }

/* Thumbnail */
.ata-dest-card__thumb {
    position:relative; width:100%; aspect-ratio:16/10;
    overflow:hidden; background:#eef1ea; flex-shrink:0;
}
.ata-dest-card__thumb img {
    width:100%; height:100%; object-fit:cover; display:block;
    transition:transform .6s cubic-bezier(.2,.7,.3,1);
}
.ata-dest-card:hover .ata-dest-card__thumb img { transform:scale(1.09); }
.ata-dest-card__placeholder { width:100%; height:100%; }
.ata-dest-card__placeholder svg { width:100%; height:100%; display:block; }

/* Accent bar under the image — grows left→right on hover */
.ata-dest-card__accent {
    height:3px; width:100%; background:#e8ebe4;
    position:relative; flex-shrink:0; overflow:hidden;
}
.ata-dest-card__accent::after {
    content:""; position:absolute; inset:0 auto 0 0;
    width:0; background:#2d7a1e;
    transition:width .45s cubic-bezier(.2,.7,.3,1);
}
.ata-dest-card:hover .ata-dest-card__accent::after { width:100%; }

/* Body */
.ata-dest-card__body { padding:16px 18px 18px; display:flex; flex-direction:column; gap:10px; flex:1; }

/* Name (left) + Country (far right) */
.ata-dest-card__head {
    display:flex; align-items:baseline; justify-content:space-between; gap:10px;
}
.ata-dest-card__name {
    margin:0 !important; padding:0;
    font-size:1.05rem; font-weight:800; line-height:1.3; color:#1a2e14;
    transition:color .25s ease;
}
.ata-dest-card:hover .ata-dest-card__name { color:#2d7a1e; }
.ata-dest-card__country {
    flex-shrink:0; margin-left:auto;
    font-size:.68rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase;
    color:#2d7a1e; background:#eaf3e6;
    padding:3px 9px; border-radius:3px; white-space:nowrap;
    transition:background-color .25s ease, color .25s ease;
}
.ata-dest-card:hover .ata-dest-card__country { background:#2d7a1e; color:#fff; }

/* Description */
.ata-dest-card__desc { margin:0 !important; font-size:.84rem; color:#666; line-height:1.6; }

/* Info list */
.ata-dest-card__meta { list-style:none; margin:2px 0 0 !important; padding:0; display:flex; flex-direction:column; gap:7px; }
.ata-dest-card__meta-item {
    display:flex; align-items:flex-start; gap:9px;
    margin:0; padding:0; font-size:.82rem; line-height:1.45; color:#555;
}
.ata-dest-card__meta-item::before { content:none; }
.ata-dest-card__meta-icon {
    flex-shrink:0; width:16px; text-align:center;
    font-size:13px; line-height:1.45; color:#2d7a1e;
}
.ata-dest-card__meta-label { font-weight:700; color:#1a2e14; }
.ata-dest-card__meta-value { color:#666; }

/* Button */
.ata-dest-card__cta { margin-top:auto; padding-top:4px; }
.ata-dest-card__btn {
    display:inline-flex; align-items:center; gap:8px;
    background:#2d7a1e; color:#fff;
    font-size:.72rem; font-weight:700;
    text-transform:uppercase; letter-spacing:.07em;
    padding:9px 16px; border-radius:3px;
    white-space:nowrap;
    pointer-events:none; /* the card <a> owns the click */
    transition:background-color .25s ease, gap .25s ease;
}
.ata-dest-card:hover .ata-dest-card__btn { background:#1f5915; gap:12px; }
.ata-dest-card__btn-arrow { width:13px; height:13px; flex-shrink:0; fill:currentColor; }

/* Single-card widget wrapper */
.ata-dest-card-widget .ata-dest-card { height:auto; }

@media (max-width:640px) {
    .ata-dest-grid { grid-template-columns:1fr; }
    .ata-dest-card-widget { max-width:100%; }
}