/* * Timeline FA * Version: v26.0.1 * Built: 2026-06-04 13:00 UTC * Scope: Persian/RTL timeline layout, filters, cards, search button UX, and responsive behavior. */ /* Shell and background layers: full timeline container, image crossfade layers, and overlay. */ .gis-master-wrapper,.gis-master-wrapper *{box-sizing:border-box} .gis-master-wrapper{width:100%;max-width:98%;margin:clamp(14px,2vh,30px) auto;overflow:hidden;font-family:inherit;position:relative;background:#0f172a;box-shadow:0 20px 40px rgba(0,0,0,.15);padding-top:clamp(14px,2vh,24px)} .si-screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} .gis-layer-bg{position:absolute;inset:0;background-size:cover!important;background-position:center!important;transition:opacity .65s ease;z-index:0;pointer-events:none} .gis-layer-overlay{position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.08),transparent 30%),linear-gradient(to bottom,rgba(15,23,42,.58),rgba(15,23,42,.86));z-index:1;pointer-events:none} /* Filter panel: compact summary row + expandable drawer. */ .gis-filter-panel{position:relative;z-index:25;direction:rtl;padding:0 18px 14px} .gis-filter-compact{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:none;min-height:44px;margin:0 auto;padding:10px 12px;border:1px solid rgba(209,205,205,.30);background:rgba(2,6,23,.56);box-shadow:0 10px 24px rgba(0,0,0,.18)} .gis-filter-toggle{height:36px;border:1px solid rgba(209,205,205,.42);border-radius:2px;background:rgba(255,255,255,.10);color:#fff;font-size:.84rem;font-weight:800;padding:0 14px;cursor:pointer;white-space:nowrap} .gis-filter-toggle:hover{background:rgba(255,255,255,.16)} .gis-filter-toggle-icon{display:inline-block;margin-left:7px;transition:transform .18s ease} .gis-filter-panel.is-open .gis-filter-toggle-icon{transform:rotate(180deg)} .gis-filter-summary{flex:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px;color:rgba(255,255,255,.82);font-size:.78rem;line-height:1.7;overflow:visible;text-overflow:clip;white-space:normal;text-align:right;direction:rtl} .gis-filter-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-height:28px;padding:3px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;box-shadow:0 6px 14px rgba(0,0,0,.12);white-space:normal;line-height:1.55} .gis-filter-chip-label{font-size:.68rem;font-weight:900;color:rgba(255,255,255,.68);white-space:nowrap} .gis-filter-chip-value{font-size:.74rem;font-weight:780;color:#fff;overflow-wrap:anywhere} .gis-filter-drawer{width:100%;max-width:none;margin:10px auto 0;padding:14px;border:1px solid rgba(209,205,205,.28);background:rgba(2,6,23,.74);box-shadow:0 16px 34px rgba(0,0,0,.22)} .gis-filter-drawer[hidden]{display:none!important} .gis-filter-grid{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px} .gis-filter-field{display:flex;flex-direction:column;gap:5px;min-width:135px} .gis-filter-type-field{min-width:260px;flex:1 1 260px} .gis-filter-search-field{min-width:min(340px,100%);flex:1 1 300px} .gis-filter-search-row{display:flex;align-items:stretch;gap:8px;width:100%;direction:rtl} .gis-filter-search-row .gis-filter-search{flex:1 1 auto;min-width:0} .gis-filter-search-submit{height:38px;min-width:76px;border:1px solid rgba(209,205,205,.48);border-radius:1px;background:rgba(255,255,255,.16);color:#fff;font-size:.80rem;font-weight:850;padding:0 14px;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.18);white-space:nowrap} .gis-filter-search-submit:hover{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.66)} .gis-filter-search-submit:active{transform:translateY(1px)} .gis-filter-label{color:rgba(255,255,255,.74);font-size:.72rem;font-weight:600} .gis-filter-select,.gis-filter-search{width:100%;height:38px;border:1px solid rgba(209,205,205,.38);border-radius:1px;background:rgba(2,6,23,.72);color:#fff;font-size:.82rem;outline:none;padding:0 10px;box-shadow:0 8px 18px rgba(0,0,0,.18)} .gis-filter-field.is-tax-filter .gis-filter-label{display:inline-flex;align-items:center;gap:6px;color:var(--si-tl-tax-accent,#cbd5e1);font-weight:850} .gis-filter-field.is-tax-filter .gis-filter-label::before{content:"";display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--si-tl-tax-accent,#cbd5e1);box-shadow:0 0 14px var(--si-tl-tax-accent,#cbd5e1)} .gis-filter-field.is-tax-filter .gis-filter-select{border-color:var(--si-tl-tax-accent-border,rgba(209,205,205,.38));background:linear-gradient(135deg,var(--si-tl-tax-accent-soft,rgba(255,255,255,.07)),rgba(2,6,23,.72));box-shadow:inset 0 -2px 0 var(--si-tl-tax-accent,rgba(255,255,255,.18)),0 8px 18px rgba(0,0,0,.18)} .gis-filter-field.is-tax-filter .gis-filter-select:focus{border-color:var(--si-tl-tax-accent,#60a5fa);box-shadow:0 0 0 3px var(--si-tl-tax-accent-soft,rgba(96,165,250,.18)),inset 0 -2px 0 var(--si-tl-tax-accent,#60a5fa)} .gis-filter-chip.is-tax-filter{border-color:var(--si-tl-tax-accent-border,rgba(255,255,255,.18));background:linear-gradient(135deg,var(--si-tl-tax-accent-soft,rgba(255,255,255,.09)),rgba(255,255,255,.07));box-shadow:inset 0 -2px 0 var(--si-tl-tax-accent,rgba(255,255,255,.34)),0 6px 14px rgba(0,0,0,.12)} .gis-filter-chip.is-tax-filter .gis-filter-chip-label{color:var(--si-tl-tax-accent,#cbd5e1)} .gis-type-checkboxes{display:flex;flex-wrap:wrap;gap:8px} .gis-type-checkbox{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid rgba(209,205,205,.38);background:rgba(255,255,255,.07);color:#fff;cursor:pointer;font-size:.82rem;line-height:1.4;user-select:none} .gis-type-checkbox:hover{background:rgba(255,255,255,.13)} .gis-type-checkbox-input{width:15px;height:15px;accent-color:#60a5fa} .gis-filter-reset{height:38px;border:1px solid rgba(209,205,205,.42);border-radius:1px;background:rgba(255,255,255,.08);color:#fff;font-size:.8rem;padding:0 14px;cursor:pointer} .gis-filter-reset:hover{background:rgba(255,255,255,.14)} .gis-filter-field.is-disabled{opacity:.46;filter:saturate(.72)} .gis-filter-select:disabled,.gis-filter-search:disabled{cursor:not-allowed;background:rgba(15,23,42,.46);color:rgba(255,255,255,.54);border-color:rgba(209,205,205,.20);box-shadow:none} .gis-type-checkbox.is-disabled{opacity:.48;cursor:not-allowed;background:rgba(255,255,255,.035);border-color:rgba(209,205,205,.18)} .gis-type-checkbox.is-disabled .gis-type-checkbox-input{cursor:not-allowed} /* Timeline track: horizontal desktop timeline and vertical mobile timeline. */ .gis-scroll-wrapper{width:100%;height:clamp(520px,calc(100svh - 190px),760px);overflow-x:auto;overflow-y:hidden;cursor:grab;scroll-behavior:smooth;overscroll-behavior:contain;position:relative;z-index:10;padding-bottom:20px} .gis-flex-track{display:flex;align-items:flex-end;height:100%;min-width:max-content;position:relative;padding:0 50px} .gis-flex-track:before{content:"";position:absolute;left:0;right:0;height:4px;bottom:100px;background:rgba(255,255,255,.16);z-index:1;border-radius:2px} .gis-layer-item{position:relative;height:100%;padding:0 72px 120px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end} .gis-slogan-wrap{--si-date-box-width:var(--slogan-card-width,372px)} .gis-pve-wrap{--si-date-box-width:378px} .gis-event-wrap{--si-date-box-width:var(--event-card-width,345px)} .gis-hashtag-wrap{--si-date-box-width:330px} .gis-date-box{position:absolute;left:50%;right:auto;bottom:10px;transform:translateX(-50%);width:var(--si-date-box-width,max-content);max-width:min(460px,calc(100% - 24px));z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none} .gis-date-fa{display:block;width:100%;color:#fff;font-size:.9rem;font-weight:600;white-space:nowrap;direction:rtl;text-align:center} .gis-era-label{display:inline-block;max-width:100%;font-size:.78rem;font-weight:850;color:var(--slogan-color,var(--pve-color,#fff));border-top:2px solid var(--slogan-color,var(--pve-color,#fff));padding-top:4px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center} .gis-scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:35;width:44px;height:64px;border:1px solid rgba(255,255,255,.22);background:rgba(15,23,42,.72);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.55rem;font-weight:950;line-height:1} .gis-scroll-prev{right:10px}.gis-scroll-next{left:10px} .gis-scroll-arrow:disabled{opacity:.45;cursor:wait;pointer-events:none} .gis-navigation-status{position:absolute;z-index:42;left:50%;bottom:26px;transform:translateX(-50%);min-width:250px;max-width:min(520px,calc(100% - 36px));padding:11px 16px;border:1px solid rgba(96,165,250,.72);background:rgba(2,6,23,.86);color:#fff;text-align:center;direction:rtl;font-size:.84rem;font-weight:750;line-height:1.7;box-shadow:0 14px 34px rgba(0,0,0,.28);backdrop-filter:blur(8px)} .gis-navigation-status[hidden]{display:none!important} .gis-slogan-wrap,.gis-hashtag-wrap,.gis-event-wrap,.gis-pve-wrap{animation:siTlV23Appear .7s ease forwards;opacity:0;transform:translateY(20px)} @keyframes siTlV23Appear{to{opacity:1;transform:translateY(0)}} /* Slogan cards: normal text slogan cards with optional image/quote, verification, evidence, and date connector. */ .slogan-card-ui{width:var(--slogan-card-width,372px);min-height:var(--slogan-card-min-height,214px);display:block;position:relative;overflow:hidden;color:#0f172a!important;background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,250,252,.97));border:1px solid var(--slogan-color);border-bottom:13px solid var(--slogan-color);border-radius:1px;box-shadow:0 12px 30px rgba(0,0,0,.3);z-index:10} .slogan-card-ui.has-evidence{padding-bottom:42px} .slogan-card-ui.is-verified .slogan-card-body{padding-top:calc(var(--slogan-pad-y,17px) + 38px)} .pve-card-ui.is-verified .pve-card-body{padding-top:46px} .slogan-card-main-link,.pve-card-main-link{position:absolute;inset:0;z-index:1;display:block;text-decoration:none!important} .slogan-card-body{position:relative;z-index:2;display:flex;gap:var(--slogan-gap,16px);align-items:flex-start;padding:var(--slogan-pad-y,17px) var(--slogan-pad-x,18px) 12px;pointer-events:none} .slogan-img-frame{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:fit-content;height:fit-content;max-width:var(--slogan-img-max,154px);max-height:var(--slogan-img-max,154px);border:2px solid var(--slogan-color);overflow:hidden;box-shadow:0 6px 14px rgba(0,0,0,.18);padding:0!important;margin:0!important} .slogan-img-thumb{display:block!important;width:auto!important;height:auto!important;max-width:calc(var(--slogan-img-max,154px) - 4px)!important;max-height:calc(var(--slogan-img-max,154px) - 4px)!important;object-fit:contain!important;border:none!important;padding:0!important;margin:0!important;box-shadow:none!important} .slogan-quote-mark{flex:0 0 var(--slogan-quote-width,72px);width:var(--slogan-quote-width,72px);height:var(--slogan-quote-height,94px);display:flex;align-items:center;justify-content:center;color:var(--slogan-color);font-size:var(--slogan-quote-size,5.6rem);line-height:1;font-weight:1000;opacity:.84;border:1px solid var(--slogan-color);background:rgba(248,250,252,.86)} .slogan-texts{display:flex;flex-direction:column;gap:5px;width:100%;min-width:0;justify-content:center} .slogan-txt-title{margin:0!important;color:#0f172a!important;font-weight:820!important;font-size:clamp(1.02rem,.92rem + .30vw,1.18rem)!important;line-height:1.38!important;letter-spacing:0!important;text-wrap:balance;display:block!important;white-space:normal!important;overflow:visible!important;max-height:none!important;overflow-wrap:anywhere;word-break:normal} .slogan-txt-translation,.pve-txt-sub{margin:0!important;color:#334155!important;font-size:clamp(.84rem,.78rem + .20vw,1rem)!important;font-weight:620!important;line-height:1.56!important;display:block!important;white-space:normal!important;overflow:visible!important;max-height:none!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;overflow-wrap:anywhere} .slogan-txt-translation-label{color:#64748b!important;font-size:.72rem!important;font-weight:820!important} .si-evidence-actions{position:absolute;left:12px;bottom:10px;z-index:5;display:flex;gap:8px;align-items:center;direction:rtl} .si-evidence-link{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:4px 8px;border-radius:999px;border:1px solid rgba(15,23,42,.16);background:rgba(255,255,255,.88);color:#0f172a!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(15,23,42,.14);font-size:.7rem;font-weight:900} .si-evidence-link:hover{background:#fff;transform:translateY(-1px)} .si-evidence-icon{width:18px;height:18px;display:inline-flex;color:var(--slogan-color,var(--pve-color,#2563eb))} .si-evidence-icon svg{width:100%;height:100%;display:block} .si-evidence-summary{position:absolute;left:12px;bottom:10px;z-index:5;display:flex;flex-wrap:wrap;gap:6px;align-items:center;direction:rtl;max-width:calc(100% - 24px)} .si-evidence-chip{display:inline-flex;align-items:center;min-height:28px;padding:4px 8px;border-radius:999px;border:1px solid rgba(15,23,42,.13);background:rgba(255,255,255,.90);color:#0f172a!important;box-shadow:0 8px 18px rgba(15,23,42,.12);font-size:.68rem;font-weight:900;line-height:1.35;white-space:nowrap} .si-evidence-chip-video{color:#1d4ed8!important}.si-evidence-chip-image{color:#047857!important}.si-evidence-chip-audio{color:#7c3aed!important}.si-evidence-chip-source{color:#b45309!important} .si-verified-stamp{position:absolute;top:10px;left:10px;z-index:6;display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border:2px solid rgba(29,78,216,.78);background:rgba(255,255,255,.82);color:#1d4ed8;box-shadow:0 9px 22px rgba(15,23,42,.16);transform:rotate(-9deg);font-size:.68rem;font-weight:1000;line-height:1;pointer-events:none;backdrop-filter:blur(4px)} .si-verified-icon{width:20px;height:20px;display:inline-flex}.si-verified-icon svg{width:100%;height:100%;display:block} .slogan-connector-line,.pve-connector-line{background:linear-gradient(to bottom,var(--slogan-color,var(--pve-color)),rgba(255,255,255,.1));width:3px;height:var(--rand-h);z-index:5} .slogan-connector-dot,.pve-connector-dot{position:absolute;background:#fff;border:4px solid var(--slogan-color,var(--pve-color));width:20px;height:20px;bottom:90px;z-index:5;box-shadow:0 0 12px var(--slogan-color,var(--pve-color))} .slogan-connector-dot{border-radius:50%}.pve-connector-dot{transform:rotate(45deg)} /* Visual slogan cards: image-first cards for visual/non-plain slogan media. */ .pve-card-ui{width:378px;display:flex;flex-direction:column;position:relative;overflow:hidden;color:#0f172a!important;background:rgba(255,255,255,.98);border:1px solid var(--pve-color);border-bottom:8px solid var(--pve-color);border-radius:2px;box-shadow:0 12px 28px rgba(0,0,0,.25);z-index:10;padding:0} .pve-card-ui.has-evidence{padding-bottom:44px} .pve-img-frame{width:100%;height:290px;overflow:hidden;margin:0!important;background:#f1f5f9;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;pointer-events:none} .pve-img-thumb{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;display:block!important} .pve-icon-placeholder{width:100%;height:240px;background:#e2e8f0;color:#94a3b8;display:flex;align-items:center;justify-content:center;margin:0!important;position:relative;z-index:2;pointer-events:none} .pve-icon-placeholder svg{width:54px;height:54px} .pve-card-body{display:flex;flex-direction:column;gap:5px;padding:12px 15px 14px;background:#fff;position:relative;z-index:2;pointer-events:none} .pve-txt-title{margin:0!important;font-weight:820!important;font-size:clamp(1.02rem,.92rem + .30vw,1.18rem)!important;line-height:1.38!important;color:#0f172a!important;letter-spacing:0!important;text-wrap:balance;display:block!important;white-space:normal!important;overflow:visible!important;max-height:none!important;overflow-wrap:anywhere;word-break:normal} .pve-medium-label{display:inline-flex;width:max-content;max-width:100%;align-items:center;border-radius:999px;background:rgba(15,23,42,.06);border:1px solid rgba(15,23,42,.08);padding:2px 7px!important;font-size:.56rem!important;line-height:1.3!important;font-weight:760!important;color:var(--pve-color)!important} /* Event/news cards: compact cards linking to web search, with image or placeholder icon. */ .event-card-ui{text-decoration:none!important;color:inherit!important;display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"media" "text"!important;gap:var(--event-card-gap,14px)!important;width:var(--event-card-width,410px);max-width:var(--event-card-width,410px);background:rgba(248,250,252,.97);padding:var(--event-pad-y,14px) var(--event-pad-x,18px) 16px;border-radius:4px;border:2px solid rgba(226,232,240,.95);box-shadow:0 10px 30px rgba(15,23,42,.22);z-index:10} .event-media-wrap{grid-area:media;display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;overflow:hidden!important} .event-img-frame{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:min(100%,var(--event-img-width,330px))!important;height:var(--event-img-height,205px)!important;min-height:var(--event-img-height,205px)!important;max-height:none!important;border:2px solid rgba(255,255,255,.95);background:#e5e7eb;overflow:hidden!important;box-shadow:0 7px 18px rgba(15,23,42,.20);margin:0 auto!important;aspect-ratio:16/9!important} .event-img-thumb{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center center!important;border:none!important;margin:0!important;padding:0!important;box-shadow:none!important} .event-icon{width:var(--event-icon-size,112px);height:var(--event-icon-size,112px);background:#e5e7eb;color:#475569;display:flex;align-items:center;justify-content:center;margin:0 auto}.event-icon svg{width:32px;height:32px} .event-texts{grid-area:text;display:flex;flex-direction:column;gap:7px;width:100%}.event-fa-section{text-align:right;direction:rtl} .event-txt-title{margin:0!important;color:#111827!important;font-weight:720!important;font-size:clamp(.94rem,.86rem + .24vw,1.08rem)!important;line-height:1.38!important;letter-spacing:0!important;text-wrap:balance;display:block!important;white-space:normal!important;overflow:visible!important;max-height:none!important;overflow-wrap:anywhere;word-break:normal} .event-txt-sub{margin:3px 0 0!important;color:#475569!important;font-weight:400!important;font-size:clamp(.70rem,.64rem + .15vw,.82rem)!important;line-height:1.48!important;display:block!important;white-space:normal!important;overflow:visible!important;max-height:none!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;overflow-wrap:anywhere} .event-more-row{display:flex;justify-content:flex-start;direction:ltr;width:100%;margin-top:4px;line-height:1} .event-more-link{display:inline-flex;color:#334155!important;text-decoration:none!important;font-size:.68rem;font-weight:500!important;border-bottom:1px solid rgba(51,65,85,.42);padding-bottom:1px} .event-connector-line{background:linear-gradient(to bottom,rgba(226,232,240,.95),rgba(255,255,255,.08));width:3px;height:calc(var(--rand-h) + 20px);z-index:5} .event-connector-dot{position:absolute;background:#f8fafc;border:4px solid #cbd5e1;border-radius:50%;width:20px;height:20px;bottom:90px;z-index:5} /* Hashtag cards: dark social-signal cards with optional Core social icons. */ .hashtag-card-ui{width:330px;min-height:134px;display:block;position:relative;overflow:hidden;text-decoration:none!important;color:#fff!important;background:rgba(15,23,42,.96);border:1px solid #d1cdcd;border-radius:1px;padding:15px 16px 58px;box-shadow:0 10px 26px rgba(0,0,0,.42);z-index:10} .hashtag-texts{min-width:0;width:100%;display:flex;flex-direction:column;gap:5px} .hashtag-txt-title{margin:0!important;color:#fff!important;font-size:clamp(1.14rem,1rem + .38vw,1.38rem)!important;font-weight:780!important;line-height:1.32!important;width:100%;unicode-bidi:embed;text-wrap:balance;display:block!important;white-space:normal!important;overflow:visible!important;max-height:none!important;overflow-wrap:anywhere;word-break:normal} .hashtag-txt-sub{margin:0!important;color:#cbd5e1!important;font-size:clamp(.72rem,.66rem + .16vw,.86rem)!important;font-weight:480!important;line-height:1.48!important;width:100%;unicode-bidi:embed;display:block!important;white-space:normal!important;overflow:visible!important;max-height:none!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;overflow-wrap:anywhere} .hashtag-txt-title.is-ltr,.hashtag-txt-sub.is-ltr{direction:ltr;text-align:left;align-self:flex-start}.hashtag-txt-title.is-rtl,.hashtag-txt-sub.is-rtl{direction:rtl;text-align:right;align-self:flex-end} .slogan-txt-title,.pve-txt-title,.event-txt-title,.hashtag-txt-title,.slogan-txt-translation,.pve-txt-sub,.event-txt-sub,.hashtag-txt-sub{-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important} .hashtag-social-icons{position:absolute;left:12px;bottom:8px;display:flex;direction:ltr;align-items:center;gap:7px;color:rgba(255,255,255,.58)} .hashtag-shiny-symbol{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin-right:6px;font-size:2.65rem;line-height:1;font-weight:1000;color:#cdcdcd}.hashtag-social-icon{width:15px;height:15px;display:inline-flex}.hashtag-social-icon svg{width:100%;height:100%} .hashtag-connector-line{border-left:3px dashed #d1cdcd;width:0;height:var(--rand-h);z-index:5}.hashtag-connector-dot{position:absolute;border:3px solid #d1cdcd;background:#f8f8f8;border-radius:4px;width:20px;height:20px;bottom:90px;z-index:5;transform:rotate(45deg)} /* Accessibility focus states for keyboard navigation. */ .slogan-card-main-link:focus-visible,.pve-card-main-link:focus-visible,.event-card-ui:focus-visible,.hashtag-card-ui:focus-visible,.si-evidence-link:focus-visible,.gis-filter-select:focus-visible,.gis-filter-search:focus-visible,.gis-filter-search-submit:focus-visible,.gis-filter-reset:focus-visible,.gis-filter-toggle:focus-visible,.gis-type-checkbox-input:focus-visible,.gis-load-more-button:focus-visible,.gis-retry-button:focus-visible,.gis-scroll-arrow:focus-visible{outline:3px solid rgba(255,255,255,.9);outline-offset:3px} /* Lazy-load/end/error states appended at the end of the timeline. */ .gis-load-more-panel{position:relative;height:100%;padding:0 72px 120px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;z-index:8;flex:0 0 auto}.gis-load-more-card{min-width:280px;max-width:340px;color:#fff;text-align:center}.gis-load-more-button{min-width:245px;min-height:44px;padding:0 18px;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.11);color:#fff;cursor:pointer;font-size:.84rem;line-height:1.6;border-radius:2px;box-shadow:0 10px 24px rgba(0,0,0,.24)} .gis-empty-state,.gis-error-state,.gis-loading-state,.gis-end-state{align-self:center;color:#fff;background:rgba(2,6,23,.72);border:1px solid rgba(209,205,205,.38);padding:14px 18px;min-width:240px;text-align:center;z-index:5}.gis-error-state{border-color:rgba(248,113,113,.7)}.gis-loading-state{border-color:rgba(96,165,250,.7)} .gis-retry-button{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;padding:7px 12px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);color:#fff;cursor:pointer;font-size:.78rem;line-height:1.4;border-radius:2px}.gis-load-sentinel{width:220px;min-height:80px;flex-shrink:0;opacity:.01;pointer-events:none} /* v2.3.16: High-specificity readable headline typography override. * Core Persian/English UI and some theme heading rules use !important on h3. * These selectors intentionally use higher specificity + !important so card typography actually changes. */ .gis-master-wrapper .slogan-texts h3.slogan-txt-title, .gis-master-wrapper .pve-card-ui h3.pve-txt-title{font-size:clamp(1.02rem,.92rem + .30vw,1.18rem)!important;line-height:1.38!important;font-weight:820!important;margin:0!important;display:block!important;white-space:normal!important;overflow:visible!important;max-height:none!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;text-wrap:balance;overflow-wrap:anywhere} .gis-master-wrapper .event-card-ui h3.event-txt-title{font-size:clamp(.94rem,.86rem + .24vw,1.08rem)!important;line-height:1.38!important;font-weight:720!important;margin:0!important;display:block!important;white-space:normal!important;overflow:visible!important;max-height:none!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;text-wrap:balance;overflow-wrap:anywhere} .gis-master-wrapper .hashtag-card-ui h3.hashtag-txt-title{font-size:clamp(1.14rem,1rem + .38vw,1.38rem)!important;line-height:1.32!important;font-weight:780!important;margin:0!important;display:block!important;white-space:normal!important;overflow:visible!important;max-height:none!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;text-wrap:balance;overflow-wrap:anywhere} .gis-master-wrapper .slogan-txt-translation, .gis-master-wrapper .pve-txt-sub{font-size:clamp(.84rem,.78rem + .20vw,1rem)!important;line-height:1.56!important;font-weight:620!important;display:block!important;white-space:normal!important;overflow:visible!important;max-height:none!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;overflow-wrap:anywhere} .gis-master-wrapper .event-txt-sub, .gis-master-wrapper .hashtag-txt-sub{font-size:clamp(.70rem,.64rem + .15vw,.82rem)!important;line-height:1.48!important;display:block!important;white-space:normal!important;overflow:visible!important;max-height:none!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;overflow-wrap:anywhere} /* * Final card typography override. * Root class must be .gis-master-wrapper. * This intentionally beats Persian UI / Local Fonts global h3 rules. * v2.3.14 increased card headings one step so they read as titles: * - slogan / visual slogan: 1.02rem → 1.18rem * - event: .94rem → 1.08rem * - hashtag: 1.14rem → 1.38rem * - supporting text remains compact and fully visible * Titles and translations remain fully visible; no line clamp is used. */ body.si-persian-ui .gis-master-wrapper .slogan-card-ui h3.slogan-txt-title, body.si-persian-ui .gis-master-wrapper .pve-card-ui h3.pve-txt-title, body .gis-master-wrapper .slogan-card-ui h3.slogan-txt-title, body .gis-master-wrapper .pve-card-ui h3.pve-txt-title{ font-size:clamp(1.02rem,.92rem + .30vw,1.18rem)!important; line-height:1.38!important; font-weight:820!important; margin:0!important; display:block!important; white-space:normal!important; overflow:visible!important; max-height:none!important; -webkit-line-clamp:unset!important; -webkit-box-orient:initial!important; text-wrap:balance; overflow-wrap:anywhere; } body.si-persian-ui .gis-master-wrapper .event-card-ui h3.event-txt-title, body .gis-master-wrapper .event-card-ui h3.event-txt-title{ font-size:clamp(.94rem,.86rem + .24vw,1.08rem)!important; line-height:1.38!important; font-weight:720!important; margin:0!important; display:block!important; white-space:normal!important; overflow:visible!important; max-height:none!important; -webkit-line-clamp:unset!important; -webkit-box-orient:initial!important; text-wrap:balance; overflow-wrap:anywhere; } body.si-persian-ui .gis-master-wrapper .hashtag-card-ui h3.hashtag-txt-title, body .gis-master-wrapper .hashtag-card-ui h3.hashtag-txt-title{ font-size:clamp(1.14rem,1rem + .38vw,1.38rem)!important; line-height:1.32!important; font-weight:780!important; margin:0!important; display:block!important; white-space:normal!important; overflow:visible!important; max-height:none!important; -webkit-line-clamp:unset!important; -webkit-box-orient:initial!important; text-wrap:balance; overflow-wrap:anywhere; } body.si-persian-ui .gis-master-wrapper .slogan-txt-translation, body.si-persian-ui .gis-master-wrapper .pve-txt-sub, body .gis-master-wrapper .slogan-txt-translation, body .gis-master-wrapper .pve-txt-sub{ font-size:clamp(.84rem,.78rem + .20vw,1rem)!important; line-height:1.56!important; font-weight:620!important; display:block!important; white-space:normal!important; overflow:visible!important; max-height:none!important; -webkit-line-clamp:unset!important; -webkit-box-orient:initial!important; overflow-wrap:anywhere; } body.si-persian-ui .gis-master-wrapper .event-txt-sub, body.si-persian-ui .gis-master-wrapper .hashtag-txt-sub, body .gis-master-wrapper .event-txt-sub, body .gis-master-wrapper .hashtag-txt-sub{ font-size:clamp(.72rem,.66rem + .16vw,.86rem)!important; line-height:1.48!important; display:block!important; white-space:normal!important; overflow:visible!important; max-height:none!important; -webkit-line-clamp:unset!important; -webkit-box-orient:initial!important; overflow-wrap:anywhere; } @media (max-width:420px){ .gis-filter-search-row{flex-direction:column!important;align-items:stretch!important} .gis-filter-search-submit{width:100%!important;min-width:0!important} } /* Reduced motion and responsive behavior. */ @media (prefers-reduced-motion:reduce){.gis-slogan-wrap,.gis-hashtag-wrap,.gis-event-wrap,.gis-pve-wrap{animation:none!important;opacity:1!important;transform:none!important}.gis-layer-bg,.slogan-card-ui,.event-card-ui,.hashtag-card-ui,.pve-card-ui,.si-evidence-link{transition:none!important;scroll-behavior:auto!important}} @media (max-width:768px){ .gis-filter-panel{padding:0 12px 12px!important;position:sticky!important;top:0!important;background:rgba(15,23,42,.92)!important;backdrop-filter:blur(10px)} .gis-filter-compact{max-width:100%!important;min-height:42px!important;align-items:flex-start!important}.gis-filter-summary{font-size:.72rem!important;justify-content:flex-start!important;gap:5px!important}.gis-filter-chip{min-height:26px!important;padding:3px 8px!important}.gis-filter-chip-label{font-size:.64rem!important}.gis-filter-chip-value{font-size:.70rem!important}.gis-filter-drawer{padding:12px!important;max-height:58vh!important;overflow-y:auto!important} .gis-filter-field{min-width:calc(50% - 4px)!important;flex:1 1 calc(50% - 4px)!important}.gis-filter-type-field,.gis-filter-search-field{min-width:100%!important;flex-basis:100%!important}.gis-filter-search-row{gap:7px!important}.gis-filter-search-submit{min-width:72px!important;padding:0 11px!important}.gis-filter-reset{flex:1 1 100%!important}.gis-type-checkbox{flex:1 1 calc(33.333% - 7px)!important;justify-content:center!important;padding:0 8px!important} .gis-scroll-arrow{display:none!important}.gis-navigation-status{position:sticky!important;left:auto!important;right:auto!important;bottom:auto!important;top:8px!important;transform:none!important;margin:0 12px 10px!important;max-width:none!important}.gis-scroll-wrapper{height:min(75vh,720px)!important;height:min(75svh,720px)!important;overflow-y:auto!important;overflow-x:hidden!important}.gis-flex-track{flex-direction:column!important;min-width:100%!important;align-items:stretch!important;padding:20px 15px 20px 0!important}.gis-flex-track:before{top:0;bottom:0;right:25px!important;left:auto!important;width:3px!important;height:auto!important} .gis-layer-item{align-items:flex-start!important;padding:0 45px 30px 0!important;height:auto!important}.slogan-card-ui,.hashtag-card-ui,.event-card-ui,.pve-card-ui{width:100%!important;max-width:100%!important}.slogan-card-ui{min-height:auto!important}.slogan-card-body{padding:10px 12px 9px!important;gap:9px!important}.slogan-img-frame{max-width:122px!important;max-height:122px!important}.slogan-img-thumb{max-width:118px!important;max-height:118px!important}.slogan-quote-mark{width:46px!important;height:54px!important;flex-basis:46px!important;font-size:3.1rem!important}.slogan-txt-title,.pve-txt-title{font-size:1.02rem!important;line-height:1.36!important;display:block!important;white-space:normal!important;overflow:visible!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important}.slogan-txt-translation,.pve-txt-sub{font-size:.86rem!important;line-height:1.54!important;display:block!important;white-space:normal!important;overflow:visible!important;max-height:none!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important}.event-txt-title{font-size:.94rem!important;line-height:1.36!important;display:block!important;white-space:normal!important;overflow:visible!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important}.event-txt-sub{font-size:.72rem!important;line-height:1.46!important;display:block!important;white-space:normal!important;overflow:visible!important;max-height:none!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important}.hashtag-txt-title{font-size:1.14rem!important;line-height:1.30!important;display:block!important;white-space:normal!important;overflow:visible!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important}.hashtag-txt-sub{font-size:.74rem!important;line-height:1.46!important;display:block!important;white-space:normal!important;overflow:visible!important;max-height:none!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important} .si-verified-stamp{top:8px!important;left:8px!important;transform:rotate(-6deg) scale(.92)!important}.slogan-card-ui.is-verified .slogan-card-body{padding-top:46px!important}.pve-card-ui.is-verified .pve-card-body{padding-top:46px!important}.si-evidence-actions{left:9px!important;bottom:8px!important;gap:6px!important}.si-evidence-text{display:none!important}.si-evidence-link{min-width:32px!important;justify-content:center!important;padding:5px 7px!important} .si-evidence-summary{left:9px!important;bottom:8px!important;gap:5px!important}.si-evidence-chip{min-height:26px!important;padding:4px 7px!important;font-size:.64rem!important} .slogan-connector-line,.event-connector-line,.pve-connector-line{width:35px!important;height:3px!important;position:absolute!important;right:10px!important;top:40px!important}.hashtag-connector-line{height:0!important;width:35px!important;border-left:none!important;border-top:3px dashed #d1cdcd!important;position:absolute!important;right:10px!important;top:45px!important}.slogan-connector-dot,.event-connector-dot,.hashtag-connector-dot,.pve-connector-dot{right:1px!important;left:auto!important;bottom:auto!important}.slogan-connector-dot{top:31px!important}.event-connector-dot{top:21px!important}.hashtag-connector-dot{top:36px!important}.pve-connector-dot{top:32px!important} .gis-date-box{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:auto!important;max-width:100%!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;text-align:right!important;gap:8px 12px!important;margin-top:15px!important;pointer-events:auto!important}.gis-date-fa{width:auto!important;text-align:right!important}.gis-era-label{border-top:none;border-right:2px solid var(--slogan-color,var(--pve-color,#fff));padding-top:0;padding-right:6px;margin-top:0;white-space:normal;text-align:right} .gis-load-more-panel{height:auto!important;align-items:flex-start!important;padding:0 45px 30px 0!important}.gis-load-more-card,.gis-load-more-button,.gis-end-state,.gis-loading-state,.gis-error-state{width:100%!important;max-width:100%!important}.gis-load-sentinel{width:100%!important;min-height:48px!important}.event-img-frame{width:100%!important;max-width:100%!important;height:190px!important;min-height:190px!important;aspect-ratio:16/9!important}.event-img-thumb{width:100%!important;height:100%!important;object-fit:contain!important}.pve-img-frame{height:240px!important}.pve-icon-placeholder{height:210px!important} } /* v1.1.4: Event/news card containment guard. * Fixes oversized media escaping the card and prevents long event text * from visually bleeding outside the white card. */ body .gis-master-wrapper .event-card-ui, body.si-persian-ui .gis-master-wrapper .event-card-ui{ overflow:hidden!important; box-sizing:border-box!important; width:var(--event-card-width,410px)!important; max-width:var(--event-card-width,410px)!important; min-width:0!important; } body .gis-master-wrapper .event-media-wrap, body.si-persian-ui .gis-master-wrapper .event-media-wrap{ width:100%!important; max-width:100%!important; min-width:0!important; overflow:hidden!important; box-sizing:border-box!important; line-height:0!important; } body .gis-master-wrapper figure.event-img-frame, body.si-persian-ui .gis-master-wrapper figure.event-img-frame{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; max-width:100%!important; height:var(--event-img-height,205px)!important; min-height:0!important; max-height:var(--event-img-height,205px)!important; margin:0!important; padding:0!important; overflow:hidden!important; box-sizing:border-box!important; aspect-ratio:auto!important; background:#e5e7eb!important; line-height:0!important; } body .gis-master-wrapper .event-img-thumb, body.si-persian-ui .gis-master-wrapper .event-img-thumb{ display:block!important; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; object-position:center center!important; border:0!important; margin:0!important; padding:0!important; box-shadow:none!important; } body .gis-master-wrapper .event-texts, body .gis-master-wrapper .event-fa-section, body.si-persian-ui .gis-master-wrapper .event-texts, body.si-persian-ui .gis-master-wrapper .event-fa-section{ min-width:0!important; max-width:100%!important; overflow:hidden!important; box-sizing:border-box!important; } body .gis-master-wrapper .event-card-ui h3.event-txt-title, body.si-persian-ui .gis-master-wrapper .event-card-ui h3.event-txt-title{ display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; text-overflow:ellipsis!important; max-height:calc(1.38em * 2)!important; } body .gis-master-wrapper .event-card-ui p.event-txt-sub, body.si-persian-ui .gis-master-wrapper .event-card-ui p.event-txt-sub{ display:-webkit-box!important; -webkit-line-clamp:3!important; -webkit-box-orient:vertical!important; overflow:hidden!important; text-overflow:ellipsis!important; max-height:calc(1.48em * 3)!important; } body .gis-master-wrapper .event-more-row, body.si-persian-ui .gis-master-wrapper .event-more-row{ flex:0 0 auto!important; margin-top:6px!important; } @media (max-width:768px){ body .gis-master-wrapper .event-card-ui, body.si-persian-ui .gis-master-wrapper .event-card-ui{ width:100%!important; max-width:100%!important; } body .gis-master-wrapper figure.event-img-frame, body.si-persian-ui .gis-master-wrapper figure.event-img-frame{ width:100%!important; max-width:100%!important; height:190px!important; max-height:190px!important; } body .gis-master-wrapper .event-card-ui h3.event-txt-title, body.si-persian-ui .gis-master-wrapper .event-card-ui h3.event-txt-title{ -webkit-line-clamp:2!important; max-height:calc(1.36em * 2)!important; } body .gis-master-wrapper .event-card-ui p.event-txt-sub, body.si-persian-ui .gis-master-wrapper .event-card-ui p.event-txt-sub{ -webkit-line-clamp:3!important; max-height:calc(1.46em * 3)!important; } } /* v1.1.5: Word-style inline event/news image layout. * Image has no forced fixed box. The frame follows the actual image size * within max constraints, and event text flows beside/below it. */ body .gis-master-wrapper .event-card-ui.event-card-inline-ui, body.si-persian-ui .gis-master-wrapper .event-card-ui.event-card-inline-ui{ display:block!important; width:var(--event-card-width,400px)!important; max-width:var(--event-card-width,400px)!important; min-width:0!important; min-height:0!important; height:auto!important; overflow:hidden!important; padding:var(--event-pad-y,15px) var(--event-pad-x,18px) 16px!important; background:rgba(248,250,252,.97)!important; border:2px solid rgba(226,232,240,.95)!important; border-radius:4px!important; box-sizing:border-box!important; } body .gis-master-wrapper .event-card-ui.event-card-inline-ui .event-fa-section, body.si-persian-ui .gis-master-wrapper .event-card-ui.event-card-inline-ui .event-fa-section{ display:flow-root!important; width:100%!important; max-width:100%!important; min-width:0!important; text-align:right!important; direction:rtl!important; overflow:visible!important; box-sizing:border-box!important; } body .gis-master-wrapper .event-card-ui.event-card-inline-ui figure.event-img-inline-frame, body.si-persian-ui .gis-master-wrapper .event-card-ui.event-card-inline-ui figure.event-img-inline-frame{ float:inline-start!important; float:right!important; display:inline-block!important; width:auto!important; height:auto!important; min-width:0!important; min-height:0!important; max-width:min(52%, var(--event-img-width,170px))!important; max-height:var(--event-img-height,150px)!important; margin:0 0 8px 14px!important; padding:3px!important; overflow:visible!important; line-height:0!important; background:rgba(255,255,255,.88)!important; border:2px solid rgba(255,255,255,.96)!important; box-shadow:0 8px 18px rgba(15,23,42,.20)!important; box-sizing:border-box!important; aspect-ratio:auto!important; } body .gis-master-wrapper .event-card-ui.event-card-inline-ui img.event-img-inline-thumb, body.si-persian-ui .gis-master-wrapper .event-card-ui.event-card-inline-ui img.event-img-inline-thumb{ display:block!important; width:auto!important; height:auto!important; max-width:100%!important; max-height:calc(var(--event-img-height,150px) - 6px)!important; object-fit:contain!important; object-position:center center!important; border:0!important; margin:0!important; padding:0!important; box-shadow:none!important; } body .gis-master-wrapper .event-card-ui.event-card-inline-ui .event-icon-inline, body.si-persian-ui .gis-master-wrapper .event-card-ui.event-card-inline-ui .event-icon-inline{ float:inline-start!important; float:right!important; width:var(--event-icon-size,94px)!important; height:var(--event-icon-size,94px)!important; margin:0 0 8px 14px!important; box-sizing:border-box!important; } body .gis-master-wrapper .event-card-ui.event-card-inline-ui h3.event-txt-title, body.si-persian-ui .gis-master-wrapper .event-card-ui.event-card-inline-ui h3.event-txt-title{ display:block!important; margin:0 0 6px!important; font-size:clamp(.98rem,.90rem + .26vw,1.12rem)!important; line-height:1.42!important; font-weight:780!important; color:#111827!important; white-space:normal!important; overflow:visible!important; max-height:none!important; -webkit-line-clamp:unset!important; -webkit-box-orient:initial!important; text-overflow:clip!important; text-wrap:balance; overflow-wrap:anywhere; word-break:normal; } body .gis-master-wrapper .event-card-ui.event-card-inline-ui p.event-txt-sub, body.si-persian-ui .gis-master-wrapper .event-card-ui.event-card-inline-ui p.event-txt-sub{ display:block!important; margin:0!important; font-size:clamp(.76rem,.70rem + .16vw,.90rem)!important; line-height:1.62!important; font-weight:420!important; color:#475569!important; white-space:normal!important; overflow:visible!important; max-height:none!important; -webkit-line-clamp:unset!important; -webkit-box-orient:initial!important; text-overflow:clip!important; overflow-wrap:anywhere; word-break:normal; } body .gis-master-wrapper .event-card-ui.event-card-inline-ui .event-more-row, body.si-persian-ui .gis-master-wrapper .event-card-ui.event-card-inline-ui .event-more-row{ clear:both!important; display:flex!important; justify-content:flex-start!important; direction:ltr!important; width:100%!important; margin-top:9px!important; line-height:1!important; } @media (max-width:768px){ body .gis-master-wrapper .event-card-ui.event-card-inline-ui, body.si-persian-ui .gis-master-wrapper .event-card-ui.event-card-inline-ui{ width:100%!important; max-width:100%!important; } body .gis-master-wrapper .event-card-ui.event-card-inline-ui figure.event-img-inline-frame, body.si-persian-ui .gis-master-wrapper .event-card-ui.event-card-inline-ui figure.event-img-inline-frame{ max-width:min(48%, 160px)!important; max-height:155px!important; margin:0 0 8px 12px!important; } body .gis-master-wrapper .event-card-ui.event-card-inline-ui img.event-img-inline-thumb, body.si-persian-ui .gis-master-wrapper .event-card-ui.event-card-inline-ui img.event-img-inline-thumb{ max-height:149px!important; } body .gis-master-wrapper .event-card-ui.event-card-inline-ui h3.event-txt-title, body.si-persian-ui .gis-master-wrapper .event-card-ui.event-card-inline-ui h3.event-txt-title{ font-size:1rem!important; line-height:1.42!important; } body .gis-master-wrapper .event-card-ui.event-card-inline-ui p.event-txt-sub, body.si-persian-ui .gis-master-wrapper .event-card-ui.event-card-inline-ui p.event-txt-sub{ font-size:.78rem!important; line-height:1.58!important; } } /* * v2.0.4 — Larger slogan card media/title override. * This is placed at the end of the stylesheet so it wins over older * typography/mobile overrides without changing visual_slogan, event, * or hashtag cards. */ body .gis-master-wrapper .slogan-card-ui .slogan-img-frame, body.si-persian-ui .gis-master-wrapper .slogan-card-ui .slogan-img-frame{ max-width:var(--slogan-img-max,180px)!important; max-height:var(--slogan-img-max,180px)!important; border-width:2px!important; } body .gis-master-wrapper .slogan-card-ui .slogan-img-thumb, body.si-persian-ui .gis-master-wrapper .slogan-card-ui .slogan-img-thumb{ max-width:calc(var(--slogan-img-max,180px) - 4px)!important; max-height:calc(var(--slogan-img-max,180px) - 4px)!important; } body .gis-master-wrapper .slogan-card-ui h3.slogan-txt-title, body.si-persian-ui .gis-master-wrapper .slogan-card-ui h3.slogan-txt-title{ font-size:var(--slogan-title-size,1.12rem)!important; line-height:1.44!important; font-weight:870!important; letter-spacing:-.01em!important; } @media (max-width:768px){ body .gis-master-wrapper .slogan-card-ui .slogan-img-frame, body.si-persian-ui .gis-master-wrapper .slogan-card-ui .slogan-img-frame{ max-width:150px!important; max-height:150px!important; } body .gis-master-wrapper .slogan-card-ui .slogan-img-thumb, body.si-persian-ui .gis-master-wrapper .slogan-card-ui .slogan-img-thumb{ max-width:146px!important; max-height:146px!important; } body .gis-master-wrapper .slogan-card-ui h3.slogan-txt-title, body.si-persian-ui .gis-master-wrapper .slogan-card-ui h3.slogan-txt-title{ font-size:1.12rem!important; line-height:1.42!important; } body .gis-master-wrapper .slogan-card-body, body.si-persian-ui .gis-master-wrapper .slogan-card-body{ gap:12px!important; } } /* v2.0.15: Evidence chips always display numeric counts; keep media uncropped. */ body .gis-master-wrapper .pve-img-frame, body.si-persian-ui .gis-master-wrapper .pve-img-frame{ display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; background:#f1f5f9!important; } body .gis-master-wrapper .pve-img-thumb, body.si-persian-ui .gis-master-wrapper .pve-img-thumb{ display:block!important; width:auto!important; height:auto!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; object-position:center center!important; border:0!important; margin:0 auto!important; padding:0!important; box-shadow:none!important; } body .gis-master-wrapper .slogan-img-thumb, body.si-persian-ui .gis-master-wrapper .slogan-img-thumb{ object-fit:contain!important; object-position:center center!important; } body .gis-master-wrapper .si-evidence-chip, body.si-persian-ui .gis-master-wrapper .si-evidence-chip{ gap:4px; direction:rtl; } @media (max-width:768px){ body .gis-master-wrapper .pve-img-thumb, body.si-persian-ui .gis-master-wrapper .pve-img-thumb{ width:auto!important; height:auto!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; } } /* ========================================================================== Timeline v2.0.17 - Home UX Flow Layer Purpose: Keep the homepage as the main timeline, while adding clear routes to Archive Hub, Search, and filters. ========================================================================== */ .gis-ux-intro, .gis-ux-route-strip, .gis-ux-footer { position: relative; z-index: 5; width: min(1480px, calc(100% - 28px)); margin-inline: auto; } .gis-ux-intro { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: end; padding: clamp(20px, 3.2vw, 42px); margin-block: 18px 14px; border: 1px solid rgba(255, 255, 255, .14); background: radial-gradient(circle at 12% 18%, rgba(255, 255, 255, .12), transparent 26%), linear-gradient(135deg, rgba(15, 23, 42, .86), rgba(2, 6, 23, .62)); box-shadow: 0 30px 80px rgba(0, 0, 0, .22); backdrop-filter: blur(18px); } .gis-ux-kicker { display: inline-flex; align-items: center; width: max-content; max-width: 100%; min-height: 34px; padding: 6px 11px; border: 1px solid rgba(255, 255, 255, .18); color: rgba(255, 255, 255, .82); background: rgba(255, 255, 255, .07); font-size: .78rem; font-weight: 950; } .gis-ux-title { max-width: 980px; margin: 14px 0 0 !important; color: #fff !important; font-size: clamp(2rem, 5.4vw, 5rem) !important; line-height: 1.08 !important; font-weight: 1000 !important; letter-spacing: -.06em; } .gis-ux-lead { max-width: 900px; margin: 16px 0 0; color: rgba(226, 232, 240, .76); font-size: clamp(.92rem, 1.35vw, 1.05rem); line-height: 2; font-weight: 650; } .gis-ux-actions { display: grid; grid-template-columns: 1fr; gap: 9px; min-width: 190px; } .gis-ux-action { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 9px 14px; border: 1px solid rgba(255, 255, 255, .18); color: rgba(255, 255, 255, .90) !important; background: rgba(255, 255, 255, .07); font-size: .84rem; font-weight: 950; text-decoration: none !important; cursor: pointer; } .gis-ux-action:hover, .gis-ux-action:focus { color: #fff !important; border-color: rgba(56, 189, 248, .48); background: rgba(56, 189, 248, .14); } .gis-ux-action-primary { color: #07111f !important; background: #e2e8f0; } .gis-ux-action-primary:hover, .gis-ux-action-primary:focus { color: #020617 !important; background: #fff; } .gis-ux-action-button { font-family: inherit; } .gis-ux-route-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 14px; } .gis-ux-route-item { display: flex; align-items: center; gap: 10px; min-height: 54px; padding: 10px 12px; border: 1px solid rgba(255, 255, 255, .12); background: rgba(2, 6, 23, .44); backdrop-filter: blur(14px); } .gis-ux-route-item strong { flex: 0 0 auto; width: 30px; height: 30px; display: inline-grid; place-items: center; border: 1px solid rgba(56, 189, 248, .35); color: #7dd3fc; background: rgba(56, 189, 248, .10); font-family: var(--si-font-en, Inter, Arial, sans-serif); font-size: .78rem; font-weight: 1000; } .gis-ux-route-item span { color: rgba(226, 232, 240, .72); font-size: .78rem; line-height: 1.7; font-weight: 800; } .gis-ux-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-block: 18px 20px; padding: 16px; border: 1px solid rgba(255, 255, 255, .12); background: rgba(2, 6, 23, .56); backdrop-filter: blur(14px); } .gis-ux-footer-copy { display: grid; gap: 5px; } .gis-ux-footer-copy strong { color: #fff; font-size: 1rem; font-weight: 1000; } .gis-ux-footer-copy span { color: rgba(226, 232, 240, .70); font-size: .84rem; line-height: 1.8; font-weight: 650; } .gis-ux-footer-actions { display: flex; flex-wrap: wrap; gap: 8px; } .gis-ux-footer-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 13px; border: 1px solid rgba(255, 255, 255, .18); color: rgba(255, 255, 255, .90) !important; background: rgba(255, 255, 255, .06); font-size: .82rem; font-weight: 950; text-decoration: none !important; } .gis-ux-footer-actions a:hover, .gis-ux-footer-actions a:focus { color: #fff !important; border-color: rgba(56, 189, 248, .48); background: rgba(56, 189, 248, .14); } @media (max-width: 980px) { .gis-ux-intro { grid-template-columns: 1fr; } .gis-ux-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } .gis-ux-route-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .gis-ux-intro, .gis-ux-route-strip, .gis-ux-footer { width: min(100% - 18px, 1480px); } .gis-ux-intro { padding: 18px; margin-top: 10px; } .gis-ux-title { letter-spacing: -.035em; } .gis-ux-actions, .gis-ux-route-strip { grid-template-columns: 1fr; } .gis-ux-footer { align-items: stretch; flex-direction: column; } .gis-ux-footer-actions { display: grid; grid-template-columns: 1fr; } } /* ========================================================================== Timeline v2.0.18 - Desktop wheel scroll fix Problem: On desktop, normal mouse wheel over the horizontal timeline could feel trapped because the timeline container uses horizontal overflow. Fix: Keep horizontal containment but allow vertical scroll chaining. ========================================================================== */ @media (min-width: 769px) { .gis-scroll-wrapper { overscroll-behavior-x: contain !important; overscroll-behavior-y: auto !important; touch-action: pan-x pan-y !important; } } /* ========================================================================== Timeline v2.0.19 - Visual Polish Pass Purpose: manual UI refinement for Home Timeline without changing timeline logic. ========================================================================== */ .gis-master-wrapper { --si-tl-bg: #070b13; --si-tl-panel: rgba(15, 23, 42, .72); --si-tl-line: rgba(226, 232, 240, .14); --si-tl-line-strong: rgba(226, 232, 240, .26); --si-tl-text: #e5e7eb; --si-tl-muted: rgba(226, 232, 240, .70); --si-tl-blue: #38bdf8; background: linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px), linear-gradient(180deg, rgba(255,255,255,.026) 1px, transparent 1px), radial-gradient(circle at 12% 8%, rgba(56, 189, 248, .14), transparent 26%), radial-gradient(circle at 88% 12%, rgba(129, 140, 248, .12), transparent 26%), linear-gradient(135deg, #0f172a, #020617) !important; background-size: 48px 48px, 48px 48px, auto, auto, auto !important; } .gis-ux-intro { width: min(1500px, calc(100% - 32px)) !important; grid-template-columns: minmax(0, 1fr) minmax(220px, 260px) !important; align-items: stretch !important; gap: 12px !important; margin-block: 14px 10px !important; padding: 12px !important; border-color: var(--si-tl-line) !important; background: linear-gradient(135deg, rgba(255, 255, 255, .060), rgba(255, 255, 255, .024)) !important; box-shadow: 0 24px 70px rgba(0, 0, 0, .18) !important; } .gis-ux-intro-copy { min-height: 230px !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; padding: clamp(18px, 3vw, 34px) !important; border: 1px solid var(--si-tl-line) !important; background: radial-gradient(circle at 18% 18%, rgba(255,255,255,.10), transparent 28%), linear-gradient(135deg, rgba(2, 6, 23, .42), rgba(255,255,255,.030)) !important; } .gis-ux-kicker { border-color: rgba(56, 189, 248, .32) !important; color: #bae6fd !important; background: rgba(56, 189, 248, .10) !important; } .gis-ux-title { max-width: 1120px !important; margin-top: 13px !important; font-size: clamp(2.15rem, 5.8vw, 5.35rem) !important; line-height: 1.02 !important; letter-spacing: -.070em !important; } .gis-ux-lead { max-width: 980px !important; margin-top: 16px !important; color: var(--si-tl-muted) !important; font-size: clamp(.90rem, 1.20vw, 1rem) !important; line-height: 1.9 !important; } .gis-ux-actions { min-width: 0 !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; gap: 8px !important; padding: 12px !important; border: 1px solid var(--si-tl-line) !important; background: rgba(2, 6, 23, .42) !important; } .gis-ux-action { min-height: 42px !important; border-color: var(--si-tl-line) !important; background: rgba(255, 255, 255, .050) !important; font-size: .82rem !important; } .gis-ux-action-primary { color: #07111f !important; background: #e2e8f0 !important; } .gis-ux-route-strip { width: min(1500px, calc(100% - 32px)) !important; gap: 7px !important; margin-bottom: 10px !important; } .gis-ux-route-item { min-height: 48px !important; padding: 9px 10px !important; border-color: var(--si-tl-line) !important; background: rgba(2, 6, 23, .42) !important; } .gis-ux-route-item strong { width: 28px !important; height: 28px !important; } .gis-ux-route-item span { font-size: .76rem !important; } .gis-filter-toggle, .gis-filter-drawer, .gis-toolbar, .gis-filter-panel, .gis-filter-bar { border-color: var(--si-tl-line) !important; } .gis-filter-toggle { min-height: 42px !important; background: rgba(255, 255, 255, .055) !important; } .gis-filter-toggle:hover, .gis-filter-toggle:focus { background: rgba(56, 189, 248, .13) !important; border-color: rgba(56, 189, 248, .42) !important; } .gis-scroll-wrapper { width: min(1500px, calc(100% - 32px)) !important; margin-inline: auto !important; border: 1px solid var(--si-tl-line) !important; background: linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.018)), rgba(2, 6, 23, .34) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 26px 70px rgba(0,0,0,.18) !important; } .gis-timeline, .gis-track, .gis-items, .gis-card-row { scrollbar-width: thin !important; scrollbar-color: rgba(226, 232, 240, .28) transparent !important; } .gis-scroll-wrapper::-webkit-scrollbar, .gis-timeline::-webkit-scrollbar, .gis-track::-webkit-scrollbar, .gis-items::-webkit-scrollbar { height: 9px !important; } .gis-scroll-wrapper::-webkit-scrollbar-thumb, .gis-timeline::-webkit-scrollbar-thumb, .gis-track::-webkit-scrollbar-thumb, .gis-items::-webkit-scrollbar-thumb { background: rgba(226, 232, 240, .28) !important; border-radius: 999px !important; } .gis-card, .gis-timeline-card, .gis-item-card, .gis-event-card, .gis-slogan-card { border-color: var(--si-tl-line) !important; background: rgba(255, 255, 255, .050) !important; box-shadow: 0 16px 44px rgba(0, 0, 0, .16) !important; } .gis-card:hover, .gis-timeline-card:hover, .gis-item-card:hover, .gis-event-card:hover, .gis-slogan-card:hover { transform: translateY(-3px) !important; border-color: rgba(56, 189, 248, .42) !important; background: rgba(255, 255, 255, .080) !important; box-shadow: 0 24px 60px rgba(0, 0, 0, .24) !important; } .gis-card h2, .gis-card h3, .gis-card-title, .gis-title, .gis-slogan-title { color: #fff !important; font-weight: 1000 !important; letter-spacing: -.025em !important; } .gis-card p, .gis-card-excerpt, .gis-description, .gis-slogan-excerpt { color: var(--si-tl-muted) !important; line-height: 1.78 !important; } .gis-arrow, .gis-nav-arrow, .gis-prev, .gis-next, .gis-timeline-nav button { border-color: var(--si-tl-line-strong) !important; background: rgba(2, 6, 23, .68) !important; color: #fff !important; backdrop-filter: blur(14px) !important; } .gis-arrow:hover, .gis-nav-arrow:hover, .gis-prev:hover, .gis-next:hover, .gis-timeline-nav button:hover { border-color: rgba(56, 189, 248, .48) !important; background: rgba(56, 189, 248, .16) !important; } .gis-ux-footer { width: min(1500px, calc(100% - 32px)) !important; margin-block: 14px 18px !important; padding: 14px !important; border-color: var(--si-tl-line) !important; background: rgba(2, 6, 23, .44) !important; } @media (max-width: 980px) { .gis-ux-intro { grid-template-columns: 1fr !important; } .gis-ux-intro-copy { min-height: 210px !important; } .gis-ux-actions { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } @media (max-width: 640px) { .gis-master-wrapper { background-size: 36px 36px, 36px 36px, auto, auto, auto !important; } .gis-ux-intro, .gis-ux-route-strip, .gis-scroll-wrapper, .gis-ux-footer { width: min(100% - 18px, 1500px) !important; } .gis-ux-intro { padding: 9px !important; margin-top: 9px !important; } .gis-ux-intro-copy { min-height: 0 !important; padding: 18px !important; } .gis-ux-title { font-size: clamp(1.85rem, 10vw, 3rem) !important; letter-spacing: -.045em !important; } .gis-ux-lead { font-size: .86rem !important; line-height: 1.85 !important; } .gis-ux-actions { grid-template-columns: 1fr !important; } .gis-ux-route-strip { grid-template-columns: 1fr !important; } } /* ========================================================================== Timeline v2.0.20 - Simplified Visual Polish FIXED Notes: - No PHP identifiers/function names were translated. - Only visible UX text is Persian. - Duplicate menu-like CTAs are removed. ========================================================================== */ .gis-ux-intro { grid-template-columns: minmax(0, 1fr) minmax(170px, 210px) !important; padding: 10px !important; margin-block: 12px 10px !important; } .gis-ux-intro-copy { min-height: 190px !important; padding: clamp(16px, 2.6vw, 28px) !important; } .gis-ux-title { font-weight: 780 !important; letter-spacing: -.040em !important; font-size: clamp(1.95rem, 4.9vw, 4.55rem) !important; line-height: 1.08 !important; } .gis-ux-kicker, .gis-ux-lead, .gis-ux-action, .gis-filter-toggle, .gis-ux-route-item span, .gis-card p, .gis-card-excerpt, .gis-description, .gis-slogan-excerpt { font-weight: 520 !important; } .gis-ux-kicker, .gis-ux-action, .gis-filter-toggle { font-weight: 650 !important; } .gis-card h2, .gis-card h3, .gis-card-title, .gis-title, .gis-slogan-title { font-weight: 720 !important; letter-spacing: -.015em !important; } .gis-ux-lead { max-width: 880px !important; font-size: clamp(.88rem, 1.1vw, .96rem) !important; line-height: 1.9 !important; } .gis-ux-actions--minimal { justify-content: center !important; align-content: center !important; padding: 10px !important; } .gis-ux-actions--minimal .gis-ux-action { width: 100% !important; min-height: 42px !important; } .gis-ux-route-strip { display: none !important; } .gis-ux-footer { display: none !important; } .gis-scroll-wrapper { margin-top: 10px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 18px 54px rgba(0,0,0,.16) !important; } .gis-card:hover, .gis-timeline-card:hover, .gis-item-card:hover, .gis-event-card:hover, .gis-slogan-card:hover { transform: translateY(-2px) !important; } @media (max-width: 980px) { .gis-ux-intro { grid-template-columns: 1fr !important; } .gis-ux-intro-copy { min-height: 160px !important; } .gis-ux-actions--minimal { display: block !important; } } @media (max-width: 640px) { .gis-ux-intro-copy { min-height: 0 !important; padding: 16px !important; } .gis-ux-title { font-size: clamp(1.70rem, 8.8vw, 2.55rem) !important; line-height: 1.14 !important; letter-spacing: -.025em !important; } .gis-ux-lead { font-size: .84rem !important; } } /* ========================================================================== Timeline v2.0.21 - Minimal Cleanup Only Requested changes only: 1. Remove the small "تایم‌لاین اصلی SloganIndex" badge. 2. Remove the "فیلتر تایم‌لاین" button from hero. 3. Remove the extra box under timeline cards. No theme/color/card/layout redesign. ========================================================================== */ .gis-ux-kicker, .gis-ux-actions, .gis-ux-actions--minimal, .gis-ux-action, .gis-ux-action-button, .gis-ux-footer { display: none !important; } /* ========================================================================== Timeline v2.0.22 - Remove Intro and Canvas Requested changes only: 1. Remove the timeline intro title/description completely. 2. Remove the mask/canvas-like box under all slogan cards. No extra redesign. ========================================================================== */ .gis-ux-intro, .gis-ux-intro-copy, .gis-ux-title, .gis-ux-lead, .gis-ux-kicker, .gis-ux-actions, .gis-ux-footer, .gis-ux-route-strip { display: none !important; } /* Remove the added large background/canvas under the timeline cards. */ .gis-scroll-wrapper { background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Remove any visual mask/overlay added around the timeline stage by polish layers. */ .gis-scroll-wrapper::before, .gis-scroll-wrapper::after, .gis-timeline::before, .gis-timeline::after, .gis-track::before, .gis-track::after, .gis-items::before, .gis-items::after { display: none !important; content: none !important; background: transparent !important; box-shadow: none !important; } /* Keep spacing simple after removing the intro. */ .gis-master-wrapper .gis-scroll-wrapper { margin-top: 0 !important; } /* ========================================================================== Timeline FA v2.0.23 - Percent / Full-viewport desktop stage sizing Requested change: - Make the timeline stage fill the page width on desktop. - Use viewport/percentage-based sizing instead of a narrow max-width shell. - Keep existing mobile vertical timeline behavior intact. ========================================================================== */ @media (min-width: 769px) { body .gis-master-wrapper, body.si-persian-ui .gis-master-wrapper { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; margin-top: 0 !important; margin-bottom: clamp(18px, 2.4vw, 34px) !important; border-radius: 0 !important; } body .gis-master-wrapper .gis-scroll-wrapper, body.si-persian-ui .gis-master-wrapper .gis-scroll-wrapper { width: 100% !important; max-width: 100% !important; height: clamp(560px, 72vh, 820px) !important; min-height: 560px !important; margin-left: 0 !important; margin-right: 0 !important; } body .gis-master-wrapper .gis-flex-track, body.si-persian-ui .gis-master-wrapper .gis-flex-track { width: max-content !important; min-width: 100% !important; justify-content: space-evenly !important; padding-left: clamp(36px, 4vw, 84px) !important; padding-right: clamp(36px, 4vw, 84px) !important; } body .gis-master-wrapper .gis-layer-item, body.si-persian-ui .gis-master-wrapper .gis-layer-item { padding-left: clamp(44px, 4.6vw, 92px) !important; padding-right: clamp(44px, 4.6vw, 92px) !important; } body .gis-master-wrapper .gis-filter-panel, body.si-persian-ui .gis-master-wrapper .gis-filter-panel { width: 100% !important; max-width: 100% !important; padding-left: clamp(16px, 2vw, 28px) !important; padding-right: clamp(16px, 2vw, 28px) !important; } } @media (min-width: 769px) and (max-width: 1180px) { body .gis-master-wrapper .gis-scroll-wrapper, body.si-persian-ui .gis-master-wrapper .gis-scroll-wrapper { height: clamp(520px, 68vh, 720px) !important; min-height: 520px !important; } body .gis-master-wrapper .gis-layer-item, body.si-persian-ui .gis-master-wrapper .gis-layer-item { padding-left: clamp(34px, 3.8vw, 62px) !important; padding-right: clamp(34px, 3.8vw, 62px) !important; } } /* ========================================================================== Timeline FA v2.0.25 - Search scope cleanup Shows a clear processing state when visitors apply timeline filters. ========================================================================== */ .gis-master-wrapper .gis-filter-process-indicator { position: absolute !important; inset: 0 !important; z-index: 80 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 24px !important; background: rgba(15, 23, 42, 0.34) !important; backdrop-filter: blur(2px) !important; direction: rtl !important; text-align: right !important; } .gis-master-wrapper .gis-filter-process-indicator[hidden] { display: none !important; } .gis-master-wrapper .gis-filter-process-box { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; min-width: 220px !important; max-width: min(92vw, 420px) !important; padding: 14px 18px !important; background: #ffffff !important; color: #111827 !important; border: 1px solid rgba(17, 24, 39, 0.14) !important; border-radius: 0 !important; box-shadow: none !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.8 !important; } .gis-master-wrapper .gis-filter-process-spinner { width: 18px !important; height: 18px !important; flex: 0 0 18px !important; border: 2px solid rgba(17, 24, 39, 0.18) !important; border-top-color: #0b3a68 !important; border-radius: 999px !important; animation: gis-filter-process-spin 0.76s linear infinite !important; } .gis-master-wrapper .gis-filter-process-text { color: #111827 !important; white-space: nowrap !important; } .gis-master-wrapper.is-filter-processing .gis-scroll-prev, .gis-master-wrapper.is-filter-processing .gis-scroll-next, .gis-master-wrapper.is-filter-processing .gis-filter-reset, .gis-master-wrapper.is-filter-processing .gis-load-more-button { pointer-events: none !important; opacity: 0.72 !important; } @keyframes gis-filter-process-spin { to { transform: rotate(360deg); } } @media (max-width: 768px) { .gis-master-wrapper .gis-filter-process-indicator { align-items: flex-start !important; padding-top: 110px !important; } .gis-master-wrapper .gis-filter-process-box { width: 100% !important; max-width: 360px !important; padding: 12px 14px !important; font-size: 13px !important; } } @media (prefers-reduced-motion: reduce) { .gis-master-wrapper .gis-filter-process-spinner { animation: none !important; } }