/* Tifli Radar v3.29 — privacy control, Radar network card and safe logo growth. */
:root{--tr329-navy:#273357;--tr329-blue:#4e5fa8;--tr329-red:#d85b67;--tr329-ink:#202842;--tr329-muted:#687087;--tr329-line:#dde3ee;--tr329-soft:#f5f7fb}
.tr-network-recommendation,.tr-privacy-layer,.tr-privacy-launcher{font-family:Tajawal,"Noto Sans Arabic",Arial,sans-serif}
.tr-network-recommendation{position:relative;isolation:isolate;display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:20px;width:min(calc(100% - 32px),1180px);margin:32px auto;padding:24px 26px;overflow:hidden;border:1px solid #dce3ef;border-radius:26px;background:linear-gradient(135deg,#fff 0%,#f7f8fd 58%,#f2f5fb 100%);box-shadow:0 18px 48px rgba(39,51,87,.09);color:var(--tr329-ink)}
.tr-network-recommendation:before{content:"";position:absolute;z-index:-1;inset-inline-end:-80px;top:-110px;width:280px;height:280px;border:42px solid rgba(78,95,168,.07);border-radius:50%}
.tr-network-recommendation__icon{display:grid;place-items:center;width:76px;height:76px;border-radius:22px;background:linear-gradient(145deg,#303c68,#5266b2);box-shadow:0 12px 26px rgba(39,51,87,.22)}
.tr-network-recommendation__icon svg{width:46px;height:46px;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.tr-network-recommendation__body>span{display:inline-flex;padding:5px 10px;border-radius:999px;background:#eef1fa;color:#46578f;font-size:12px;font-weight:900}
.tr-network-recommendation h2{margin:6px 0 3px;color:var(--tr329-navy);font-size:clamp(21px,2.5vw,29px);line-height:1.35}
.tr-network-recommendation p{margin:0;color:var(--tr329-muted);font-size:15px;line-height:1.75}
.tr-network-recommendation__link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:12px 18px;border-radius:15px;background:var(--tr329-navy);color:#fff!important;font-size:14px;font-weight:900;text-decoration:none!important;box-shadow:0 10px 24px rgba(39,51,87,.18);transition:transform .18s ease,box-shadow .18s ease}
.tr-network-recommendation__link:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(39,51,87,.24)}
.tr-network-recommendation__link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

html.tr-privacy-open{overflow:hidden}
.tr-privacy-layer[hidden],.tr-privacy-launcher[hidden],.tr-privacy-settings[hidden],.tr-privacy-actions[hidden],.tr-privacy-close[hidden]{display:none!important}
.tr-privacy-layer{position:fixed;z-index:2147483000;inset:0;display:grid;place-items:center;padding:24px;opacity:0;transition:opacity .18s ease}
.tr-privacy-layer.is-visible{opacity:1}
.tr-privacy-backdrop{position:absolute;inset:0;background:rgba(28,35,55,.55);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.tr-privacy-dialog{position:relative;width:min(100%,700px);max-height:min(84vh,620px);padding:22px;overflow:auto;overscroll-behavior:contain;border:1px solid rgba(255,255,255,.72);border-radius:24px;background:#fff;box-shadow:0 30px 90px rgba(15,23,42,.28);color:var(--tr329-ink);outline:none;transform:translateY(12px) scale(.985);transition:transform .18s ease}
.tr-privacy-layer.is-visible .tr-privacy-dialog{transform:none}
.tr-privacy-close{position:absolute;inset-inline-start:18px;top:18px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--tr329-line);border-radius:13px;background:#fff;color:var(--tr329-ink);cursor:pointer}
.tr-privacy-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.tr-privacy-brand{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-inline-start:46px;color:var(--tr329-navy);font-size:17px}
.tr-privacy-brand__logo{display:grid;place-items:center;min-width:58px;height:58px}
.tr-privacy-brand__logo .custom-logo-link{display:flex!important;align-items:center;height:58px;line-height:0}
.tr-privacy-brand__logo img{width:auto!important;max-width:96px!important;height:auto!important;max-height:58px!important;object-fit:contain!important}
.tr-privacy-brand__fallback{width:54px;height:54px;fill:none;stroke:var(--tr329-blue);stroke-width:3}
.tr-privacy-copy>span{display:inline-flex;padding:6px 11px;border-radius:999px;background:#f0f2fa;color:#4b5b91;font-size:12px;font-weight:900}
.tr-privacy-copy h2{margin:7px 0 5px;color:var(--tr329-ink);font-size:clamp(24px,3vw,31px);line-height:1.3}
.tr-privacy-copy p{max-width:700px;margin:0;color:var(--tr329-muted);font-size:15px;line-height:1.8}
.tr-privacy-copy a{display:inline-block;margin-top:8px;color:var(--tr329-blue);font-size:13px;font-weight:800;text-decoration:underline}
.tr-privacy-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.tr-privacy-actions button{min-height:48px;padding:10px 16px;border:1px solid #d9e0ed;border-radius:13px;background:#fff;color:var(--tr329-ink);font-family:inherit;font-size:13px;font-weight:900;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.tr-privacy-actions button:hover{transform:translateY(-1px);border-color:#aeb9cf;background:#fafbfe}
.tr-privacy-actions button.tr-privacy-primary{border-color:var(--tr329-blue);background:var(--tr329-blue);color:#fff;box-shadow:0 10px 22px rgba(78,95,168,.2)}
.tr-privacy-settings{display:grid;gap:9px;margin-top:16px;padding:12px;border:1px solid var(--tr329-line);border-radius:18px;background:var(--tr329-soft)}
.tr-privacy-settings article{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px;border:1px solid #e1e6ef;border-radius:15px;background:#fff}
.tr-privacy-settings strong{display:block;color:var(--tr329-navy);font-size:16px}
.tr-privacy-settings p{margin:3px 0 0;color:var(--tr329-muted);font-size:13px;line-height:1.7}
.tr-privacy-required{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:#e8f5ed;color:#25633b;font-size:12px;font-weight:900}
.tr-privacy-switch{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:9px;cursor:pointer}
.tr-privacy-switch input{position:absolute;opacity:0;pointer-events:none}
.tr-privacy-switch>span{position:relative;width:50px;height:29px;border-radius:999px;background:#c8cfdb;box-shadow:inset 0 0 0 1px rgba(20,32,56,.08);transition:background .18s ease}
.tr-privacy-switch>span:after{content:"";position:absolute;top:4px;inset-inline-start:4px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(15,23,42,.25);transition:transform .18s ease}
.tr-privacy-switch input:checked+span{background:var(--tr329-blue)}
.tr-privacy-switch input:checked+span:after{transform:translateX(-21px)}
.tr-privacy-switch input:focus-visible+span{outline:3px solid rgba(78,95,168,.25);outline-offset:3px}
.tr-privacy-switch b{font-size:12px;color:var(--tr329-muted)}
.tr-privacy-settings .tr-privacy-note{margin:0;padding:0 8px;color:#727a8c;font-size:12px}
.tr-privacy-launcher{position:fixed;z-index:99998;right:16px;bottom:16px;display:inline-flex;align-items:center;gap:7px;min-height:43px;padding:9px 13px;border:1px solid #d8dfeb;border-radius:14px;background:rgba(255,255,255,.96);color:var(--tr329-navy);font-size:12px;font-weight:900;box-shadow:0 10px 28px rgba(15,23,42,.14);cursor:pointer;backdrop-filter:blur(7px)}
.tr-privacy-launcher svg{width:19px;height:19px;fill:currentColor}

/* Grow the brand mark modestly; adaptive fit classes in v300 still win on tight desktop rows. */
.custom-logo,.site-logo-img img{width:auto!important;height:auto!important;object-fit:contain!important}
@media(min-width:1501px){.custom-logo,.site-logo-img img{max-width:182px!important;max-height:64px!important}}
@media(min-width:1261px) and (max-width:1500px){.custom-logo,.site-logo-img img{max-width:158px!important;max-height:58px!important}}
@media(min-width:922px) and (max-width:1260px){.custom-logo,.site-logo-img img{max-width:116px!important;max-height:52px!important}}
@media(max-width:921px){.custom-logo,.site-logo-img img{max-width:166px!important;max-height:60px!important}}
@media(max-width:480px){.custom-logo,.site-logo-img img{max-width:142px!important;max-height:55px!important}}

@media(max-width:720px){
    .tr-network-recommendation{grid-template-columns:58px minmax(0,1fr);gap:14px;padding:18px;border-radius:21px}
    .tr-network-recommendation__icon{width:58px;height:58px;border-radius:17px}.tr-network-recommendation__icon svg{width:36px;height:36px}
    .tr-network-recommendation__link{grid-column:1/-1;width:100%}
    .tr-privacy-layer{align-items:end;padding:10px}
    .tr-privacy-dialog{max-height:calc(100dvh - 20px);padding:18px 16px calc(16px + env(safe-area-inset-bottom));border-radius:22px}
    .tr-privacy-close{inset-inline-start:12px;top:12px;width:38px;height:38px}
    .tr-privacy-brand{gap:9px;margin-bottom:15px;padding-inline-start:40px;font-size:18px}.tr-privacy-brand__logo{min-width:58px;height:58px}.tr-privacy-brand__logo .custom-logo-link{height:58px}.tr-privacy-brand__logo img{max-width:92px!important;max-height:58px!important}.tr-privacy-brand__fallback{width:54px;height:54px}
    .tr-privacy-copy h2{font-size:29px}.tr-privacy-copy p{font-size:15px;line-height:1.75}
    .tr-privacy-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:18px}.tr-privacy-actions button{min-height:50px;padding:10px 12px;font-size:13px}.tr-privacy-actions button:first-child{grid-column:1/-1}
    .tr-privacy-settings article{align-items:flex-start;gap:12px;padding:14px}.tr-privacy-settings article:last-of-type{display:grid}.tr-privacy-switch{justify-content:space-between;width:100%}
    .tr-privacy-launcher{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}
}
@media(max-width:430px){.tr-privacy-actions{grid-template-columns:1fr}.tr-privacy-actions button:first-child{grid-column:auto}.tr-privacy-switch b{max-width:145px}.tr-network-recommendation p{font-size:13px}.tr-network-recommendation h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.tr-network-recommendation__link,.tr-privacy-layer,.tr-privacy-dialog,.tr-privacy-actions button,.tr-privacy-switch>span,.tr-privacy-switch>span:after{transition:none!important}}
