/* AYATOP legal pages (Privacy Policy, Refund & Returns) - 1.3.0
   Calm and readable: a soft green header, four key points, then plain text with a sticky contents list.
   Theme tokens + logical properties, so Arabic (RTL) and English (LTR) both work. */

.ay-lg{--lg-card:var(--ay-card,#fff);max-width:1120px;margin-inline:auto;padding-block:28px 24px;color:var(--ay-ink)}

/* header */
.ay-lg-head{position:relative;overflow:hidden;border-radius:24px;padding:44px 48px 40px;background:var(--ay-gl);border:1px solid #D3EBDF}
.ay-lg-head::after{content:"";position:absolute;inset-inline-end:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(253,200,1,.35),rgba(253,200,1,0) 70%);pointer-events:none}
.ay-lg-eyebrow{margin:0 0 12px;display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ay-g)}
.ay-lg-eyebrow::before{content:"";width:26px;height:3px;border-radius:3px;background:var(--ay-gold)}
.ay-lg-head h1{margin:0 0 12px;font-size:clamp(30px,4.2vw,46px);line-height:1.15;font-weight:800;letter-spacing:-.01em;color:var(--ay-gd)}
.ay-lg-lead{margin:0;max-width:60ch;font-size:17px;line-height:1.8;color:#3C4A44}
.ay-lg-upd{margin:18px 0 0;font-size:13.5px;color:var(--ay-mu)}
.ay-lg-upd time{font-weight:600;color:var(--ay-gd)}

/* key points */
.ay-lg-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}
.ay-lg-key{background:var(--lg-card);border-radius:18px;padding:20px;box-shadow:var(--ay-sh1);display:flex;flex-direction:column;gap:6px}
.ay-lg-key i{width:42px;height:42px;border-radius:12px;background:var(--ay-gl);color:var(--ay-g);display:grid;place-items:center;margin-bottom:6px}
.ay-lg-key i .ay-ic{width:21px;height:21px}
.ay-lg-key b{font-size:15px;line-height:1.4;color:var(--ay-gd)}
.ay-lg-key span{font-size:13.5px;line-height:1.65;color:var(--ay-mu)}
.ay-lg-keys--nums .ay-lg-key{border-top:4px solid var(--ay-gold)}
.ay-lg-keys--nums .ay-lg-key strong{font-size:clamp(26px,3vw,34px);line-height:1.1;font-weight:800;color:var(--ay-g);letter-spacing:-.01em}
.ay-lg-keys--nums .ay-lg-key span{font-size:14px;color:var(--ay-ink)}

/* contents + text */
.ay-lg-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:40px;margin-top:34px;align-items:start}
.ay-lg-toc{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto}
.ay-lg-toc summary{list-style:none;cursor:default;padding:0 12px 10px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ay-mu)}
.ay-lg-toc summary::-webkit-details-marker{display:none}
.ay-lg-toc ol{list-style:none;margin:0;padding:0;border-inline-start:2px solid var(--ay-ln)}
.ay-lg-toc a{display:flex;align-items:baseline;gap:10px;padding:8px 12px;margin-inline-start:-2px;border-inline-start:2px solid transparent;font-size:14px;line-height:1.45;color:var(--ay-mu);transition:color .15s,border-color .15s}
.ay-lg-toc a span{flex:none;min-width:18px;font-size:12px;font-weight:700;color:var(--ay-phi)}
.ay-lg-toc a:hover{color:var(--ay-g)}
.ay-lg-toc a.is-active{color:var(--ay-gd);font-weight:600;border-inline-start-color:var(--ay-gold)}
.ay-lg-toc a.is-active span{color:var(--ay-g)}

.ay-lg-body{min-width:0;max-width:760px}
.ay-lg-sec{scroll-margin-top:96px;padding-block:30px;border-top:1px solid var(--ay-ln)}
.ay-lg-sec:first-child{border-top:0;padding-top:0}
.ay-lg-sec h2{margin:0 0 14px;font-size:clamp(21px,2.4vw,26px);line-height:1.3;font-weight:700;color:var(--ay-gd)}
.ay-lg-text{font-size:16px;line-height:1.85}
.ay-lg-text p{margin:0 0 14px}
.ay-lg-text>*:last-child{margin-bottom:0}
.ay-lg-text h3{margin:24px 0 10px;font-size:16.5px;font-weight:700;color:var(--ay-gd)}
.ay-lg-text ul{margin:0 0 14px;padding-inline-start:22px}
.ay-lg-text li{margin-bottom:8px;padding-inline-start:4px}
.ay-lg-text li::marker{color:var(--ay-g)}
.ay-lg-text strong{color:var(--ay-gd)}
.ay-lg-text a{color:var(--ay-g);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ay-lg-text a:hover{color:var(--ay-gd)}
.ay-lg-note{margin:18px 0 0;padding:14px 18px;border-radius:14px;background:#FFF8DB;border-inline-start:4px solid var(--ay-gold);font-size:15px;line-height:1.75}

/* steps (Refund page) */
.ay-lg-steps{list-style:none;counter-reset:st;margin:18px 0 16px;padding:0}
.ay-lg-steps li{counter-increment:st;position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:16px;padding:0 0 22px;margin:0}
.ay-lg-steps li::before{content:counter(st);grid-row:1/3;width:36px;height:36px;border-radius:50%;background:var(--ay-g);color:#fff;font-weight:700;font-size:15px;display:grid;place-items:center;position:relative;z-index:1}
.ay-lg-steps li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:17px;top:36px;bottom:0;width:2px;background:var(--ay-ln)}
.ay-lg-steps li:last-child{padding-bottom:0}
.ay-lg-steps li:last-child::before{background:var(--ay-gold);color:var(--ay-gd)}
.ay-lg-steps b{display:block;padding-top:5px;font-size:16.5px;line-height:1.5;color:var(--ay-gd)}
.ay-lg-steps span{display:block;font-size:15px;line-height:1.8;color:var(--ay-mu)}

/* contact card */
.ay-lg-contact{margin-top:20px;padding:24px;border-radius:20px;background:var(--ay-gd);color:#DCEEE6}
.ay-lg-contact-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ay-lg-cbtn{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;background:rgba(255,255,255,.1);color:#fff;text-decoration:none!important;transition:background .18s,transform .18s}
.ay-lg-cbtn:hover{background:rgba(255,255,255,.18);transform:translateY(-2px);color:#fff}
.ay-lg-cbtn .ay-ic{flex:none;width:26px;height:26px}
.ay-lg-cbtn span{display:flex;flex-direction:column;min-width:0}
.ay-lg-cbtn small{font-size:12px;letter-spacing:.04em;color:#A9D3C2}
.ay-lg-cbtn b{font-size:15.5px;font-weight:700;overflow-wrap:anywhere}
.ay-lg-cbtn--wa{background:var(--ay-gold);color:var(--ay-gd)}
.ay-lg-cbtn--wa:hover{background:var(--ay-gold-l);color:var(--ay-gd)}
.ay-lg-cbtn--wa small{color:#5A4A00}
.ay-lg .ay-lg-contact-note{margin:14px 2px 0;font-size:14px;line-height:1.7;color:#B9D8CA}
.ay-lg-contact-note a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* tablets / phones */
@media (max-width:1100px){
	.ay-lg-keys{grid-template-columns:1fr 1fr}
	.ay-lg-layout{grid-template-columns:1fr;gap:22px}
	.ay-lg-toc{position:static;max-height:none;background:#fff;border-radius:16px;box-shadow:var(--ay-sh1);padding:6px 4px}
	.ay-lg-toc summary{cursor:pointer;position:relative;padding:12px 40px 12px 14px}
	[dir=rtl] .ay-lg-toc summary{padding:12px 14px 12px 40px}
	.ay-lg-toc summary::after{content:"";position:absolute;inset-inline-end:16px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:2px solid var(--ay-g);border-bottom:2px solid var(--ay-g);transform:rotate(45deg)}
	.ay-lg-toc details[open] summary::after{transform:rotate(225deg);margin-top:-2px}
	.ay-lg-toc ol{border:0;padding:0 6px 8px}
	.ay-lg-toc a{margin:0;border:0;border-radius:10px}
	.ay-lg-toc a.is-active{background:var(--ay-gl)}
	.ay-lg-body{max-width:none}
}
@media (max-width:760px){
	.ay-lg{padding-block:16px 16px}
	.ay-lg-head{padding:28px 20px 26px;border-radius:18px}
	.ay-lg-lead{font-size:15.5px}
	.ay-lg-keys{grid-template-columns:1fr 1fr;gap:10px}
	.ay-lg-key{padding:16px 14px}
	.ay-lg-text{font-size:15.5px}
	.ay-lg-contact{padding:18px 14px}
	.ay-lg-contact-btns{grid-template-columns:1fr}
}
@media (max-width:420px){.ay-lg-keys{grid-template-columns:1fr}}

/* print: just the text */
@media print{
	.wp-site-blocks>header,.wp-site-blocks>footer,.ay-nt,.ay-chips,.ay-wa,.ay-ts,.ay-lg-toc,.ay-lg-keys,.ay-lg-contact{display:none!important}
	.ay-lg-head{background:none;border:0;border-bottom:2px solid #000;border-radius:0;padding:0 0 12px}
	.ay-lg-head::after{display:none}
	.ay-lg-layout{display:block}
	.ay-lg-sec{break-inside:avoid}
}