/* InfoAlpin Trasee – Frontend CSS */
.iat-wrap * { box-sizing:border-box; }
.iat-wrap { font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; color:#222; line-height:1.6; }

/* FILTERS */
.iat-filters { background:#fff; border:1px solid #e4e4e4; border-radius:10px; padding:1rem 1.25rem; margin-bottom:1rem; box-shadow:0 1px 4px rgba(0,0,0,.06); display:flex; flex-direction:column; gap:10px; }

.iat-filters-row { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }

.iat-search-wrap { position:relative; flex:1; min-width:200px; }
.iat-search-icon { position:absolute; left:10px; top:50%; transform:translateY(-50%); font-size:14px; pointer-events:none; }
.iat-search-wrap input { width:100%; padding:8px 10px 8px 32px; border:1px solid #ddd; border-radius:6px; font-size:14px; background:#f7f6f3; outline:none; transition:border-color .15s,box-shadow .15s; }
.iat-search-wrap input:focus { border-color:#EE874E; background:#fff; box-shadow:0 0 0 3px rgba(238,135,78,.15); }

.iat-filter-group { display:flex; align-items:center; gap:8px; }
.iat-filter-group label { font-size:13px; color:#666; font-weight:500; white-space:nowrap; }
.iat-filter-group select { padding:8px 10px; border:1px solid #ddd; border-radius:6px; font-size:13px; background:#f7f6f3; outline:none; cursor:pointer; transition:border-color .15s; min-width:140px; }
.iat-filter-group select:focus { border-color:#EE874E; background:#fff; }
.iat-btn-reset { background:none; border:1px solid #ddd; border-radius:6px; padding:8px 14px; font-size:13px; color:#666; cursor:pointer; white-space:nowrap; transition:border-color .15s,color .15s; margin-left:auto; }
.iat-btn-reset:hover { border-color:#EE874E; color:#EE874E; }

.iat-meta { font-size:13px; color:#777; margin-bottom:1rem; }
.iat-meta span { font-weight:700; color:#333; }

/* GRID */
.iat-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:1.25rem; }

/* CARD */
.iat-card { background:#fff; border:1px solid #e4e4e4; border-radius:10px; overflow:hidden; display:flex; flex-direction:column; transition:box-shadow .2s,transform .2s; box-shadow:0 1px 4px rgba(0,0,0,.06); }
.iat-card:hover { box-shadow:0 6px 20px rgba(0,0,0,.12); transform:translateY(-2px); }
.iat-card--featured { border-color:#EE874E; border-width:2px; }

/* IMAGE */
.iat-card-img { position:relative; height:185px; overflow:hidden; }
.iat-card-img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s; }
.iat-card:hover .iat-card-img img { transform:scale(1.03); }
.iat-card-img--placeholder { background:linear-gradient(135deg,#2d2d2d 0%,#444 100%); display:flex; align-items:center; justify-content:center; font-size:40px; color:rgba(255,255,255,.15); }

/* BADGES ON IMAGE */
.iat-badge-dif { position:absolute; top:10px; left:10px; padding:3px 10px; border-radius:20px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; }
.iat-badge-dif--usor  { background:#e8f5e9; color:#2e7d32; }
.iat-badge-dif--mediu { background:#fff8e1; color:#f57f17; }
.iat-badge-dif--greu  { background:#fce4ec; color:#c62828; }
.iat-badge-featured { position:absolute; top:10px; right:10px; background:#EE874E; color:#fff; padding:3px 10px; border-radius:20px; font-size:11px; font-weight:700; }

/* BODY */
.iat-card-body { padding:1rem 1.1rem; flex:1; display:flex; flex-direction:column; gap:.45rem; }

.iat-card-top { display:flex; align-items:center; justify-content:space-between; }
.iat-masiv { font-size:12px; color:#777; }
.iat-tip { font-size:11px; color:#999; background:#f7f6f3; padding:2px 8px; border-radius:20px; }

.iat-card-title { font-size:15px !important; font-weight:700 !important; color:#1a1a1a !important; line-height:1.3 !important; margin:0 !important; }

.iat-start-final { font-size:12px; color:#888; margin:0; display:flex; align-items:center; gap:4px; flex-wrap:wrap; }
.iat-icon-start { color:#EE874E; font-size:10px; }
.iat-arrow { color:#bbb; }

/* STATS */
.iat-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:0; background:#f7f6f3; border-radius:6px; overflow:hidden; margin:2px 0; }
.iat-stat { display:flex; flex-direction:column; align-items:center; padding:6px 4px; border-right:1px solid #ece9e4; }
.iat-stat:last-child { border-right:none; }
.iat-stat-icon { font-size:13px; line-height:1; }
.iat-stat-val { font-size:11px; font-weight:700; color:#333; margin-top:2px; white-space:normal; text-align:center; line-height:1.3; word-break:break-word; }

@media(max-width:380px) {
    .iat-stats { grid-template-columns:repeat(2,1fr); }
    .iat-stat:nth-child(2) { border-right:none; }
    .iat-stat:nth-child(1),
    .iat-stat:nth-child(2) { border-bottom:1px solid #ece9e4; }
}

/* MARCAJ */
.iat-marcaj { font-size:12px; color:#555; display:flex; align-items:center; gap:6px; }
.iat-marcaj-dot { width:10px; height:10px; border-radius:50%; display:inline-block; flex-shrink:0; }
.iat-marcaj-dot--rosu     { background:#e53935; }
.iat-marcaj-dot--albastru { background:#1e88e5; }
.iat-marcaj-dot--galben   { background:#f9a825; }
.iat-marcaj-dot--verde    { background:#43a047; }
.iat-marcaj-dot--alb      { background:#bdbdbd; border:1px solid #ccc; }
.iat-marcaj-dot--negru    { background:#212121; }

.iat-desc { font-size:13px; color:#555; line-height:1.5; margin:0; }

/* SEZOANE */
.iat-sezoane { display:flex; gap:5px; flex-wrap:wrap; }
.iat-sezon-badge { font-size:11px; background:#f0f4ff; color:#3949ab; padding:2px 8px; border-radius:20px; }

/* ATENTIONARE */
.iat-atentionare { font-size:12px; color:#b45309; background:#fffbeb; border-left:2px solid #f59e0b; padding:5px 8px; border-radius:3px; line-height:1.4; }

/* FOOTER CARD */
.iat-card-footer { display:flex; align-items:center; gap:8px; margin-top:auto; padding-top:.6rem; border-top:1px solid #f0f0f0; flex-wrap:wrap; }
.iat-recomandat { font-size:11.5px; color:#777; flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.iat-btn-gpx { font-size:12px; padding:4px 10px; border:1px solid #ddd; border-radius:5px; color:#555; text-decoration:none; background:#f7f6f3; transition:border-color .15s; white-space:nowrap; }
.iat-btn-gpx:hover { border-color:#EE874E; color:#EE874E; }
.iat-btn-detalii { font-size:12px; padding:4px 12px; background:#EE874E; color:#fff !important; border-radius:5px; text-decoration:none; white-space:nowrap; transition:background .15s; }
.iat-btn-detalii:hover { background:#d4703a; }
.iat-btn-detalii { font-size:12px; padding:4px 12px; background:#EE874E; color:#fff !important; border-radius:5px; text-decoration:none; white-space:nowrap; transition:background .15s; }
.iat-btn-detalii:hover { background:#d4703a; }

/* EMPTY */
.iat-empty { grid-column:1/-1; text-align:center; padding:3rem 2rem; color:#888; font-size:15px; background:#fff; border:1px dashed #ddd; border-radius:10px; }
.iat-empty strong { display:block; font-size:18px; color:#333; margin-bottom:.5rem; }

/* NOTICE */
.iat-notice { margin-top:1rem; background:#fdf0e8; border-left:3px solid #EE874E; padding:.65rem 1rem; font-size:13px; color:#7a3d1a; border-radius:5px; }
.iat-notice--contact { background:#f7f6f3; border-left-color:#bbb; color:#555; }
.iat-notice--contact a { color:#d4703a; text-decoration:none; font-weight:500; }
.iat-notice--contact a:hover { text-decoration:underline; }

@media(max-width:600px){
    .iat-grid{grid-template-columns:1fr;}
    .iat-filters{flex-direction:column;align-items:stretch;}
    .iat-search-wrap,.iat-filter-group{min-width:100%;}
}

/* ── HOMEPAGE WIDGET ── */
.iat-home-wrap { font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; }

.iat-home-title {
    font-size:1.5rem;
    font-weight:700;
    color:#1a1a1a;
    margin:0 0 0.5rem;
}
.iat-home-subtitlu {
    font-size:14px;
    color:#777;
    margin:0 0 1.5rem;
}

.iat-home-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1.25rem;
    margin-bottom:1.5rem;
}
@media(max-width:768px){
    .iat-home-grid{grid-template-columns:1fr;}
}
@media(min-width:769px) and (max-width:1024px){
    .iat-home-grid{grid-template-columns:repeat(2,1fr);}
}

.iat-home-card {
    background:#fff;
    border:1px solid #e4e4e4;
    border-radius:10px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    transition:box-shadow .2s,transform .2s;
    box-shadow:0 1px 4px rgba(0,0,0,.06);
}
.iat-home-card:hover {
    box-shadow:0 6px 20px rgba(0,0,0,.12);
    transform:translateY(-2px);
}

.iat-home-card-img {
    position:relative;
    height:165px;
    overflow:hidden;
    background:linear-gradient(135deg,#2d2d2d,#444);
}
.iat-home-card-img img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .3s;
}
.iat-home-card:hover .iat-home-card-img img { transform:scale(1.04); }
.iat-home-card-img--placeholder {
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    color:rgba(255,255,255,.15);
}

.iat-home-badge {
    position:absolute;
    top:10px;
    left:10px;
    padding:3px 9px;
    border-radius:20px;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.4px;
}
.iat-home-badge--usor  { background:#e8f5e9; color:#2e7d32; }
.iat-home-badge--mediu { background:#fff8e1; color:#f57f17; }
.iat-home-badge--greu  { background:#fce4ec; color:#c62828; }

.iat-home-card-body {
    padding:.85rem 1rem;
    display:flex;
    flex-direction:column;
    gap:.4rem;
}
.iat-home-masiv {
    font-size:11.5px;
    color:#999;
}
.iat-home-card-title {
    font-size:14.5px !important;
    font-weight:700 !important;
    color:#1a1a1a !important;
    line-height:1.35 !important;
    margin:0 !important;
}
.iat-home-stats {
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    font-size:11.5px;
    color:#666;
}
.iat-home-stats span { white-space:nowrap; }

.iat-home-desc {
    font-size:12.5px;
    color:#777;
    line-height:1.5;
    margin:0;
}

.iat-home-footer { text-align:center; margin-top:.5rem; }
.iat-home-btn {
    display:inline-block;
    background:#EE874E;
    color:#fff !important;
    text-decoration:none;
    padding:10px 28px;
    border-radius:6px;
    font-size:14px;
    font-weight:600;
    transition:background .15s;
}
.iat-home-btn:hover { background:#d4703a; color:#fff !important; }