/* Lingo Service site v2, city and area pages (5 Oct 2026, Mohamed: "then do the language + document pages and the city
   pages"): pages.location-template-v2-body, wrapper .sv2-pg-city. Loaded after site-v2.css and site-v2-pages.css; every
   rule is scoped under .sv2-pg-city and reuses the house patterns (service hero card, navy columns, big orange numbers,
   clean lists, photo tiles, answer cards, photo call to action). */

/* ===== hero: copy left, one key-facts card right (the service page hero) ===== */
.sv2-pg-city .sv2-pgcity-hero.is-plain{border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(120% 90% at 85% 10%,#1b2d47 0%,rgba(16,29,48,0) 60%),linear-gradient(135deg,#0b1626 0%,#101d30 55%,#0b1626 100%)}
@media(min-width:601px){.sv2-pg-city .sv2-pgcity-hero h1{font-size:clamp(38px,3.7vw,58px)}}
[dir="rtl"] .sv2-pg-city .sv2-pgcity-hero h1{font-size:clamp(32px,3.2vw,50px);line-height:1.35}
.sv2-pg-city .sv2-pgcity-kicker{display:flex;align-items:center;gap:12px;margin-top:22px;font:600 12px/1.5 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--warm)}
.sv2-pg-city .sv2-pgcity-kicker::before{content:"";flex:0 0 28px;width:28px;height:2px;background:var(--accent)}
.sv2-pg-city .sv2-pgcity-kicker+h1{margin-top:12px}
.sv2-pg-city .sv2-pgcity-tick{flex:0 0 18px;width:18px;height:18px;margin-top:3px;color:var(--accent)}
.sv2-pg-city .sv2-pgcity-card{position:relative;width:100%;max-width:440px;justify-self:end;border-radius:20px;padding:28px 30px 26px;background:#0d1424;border:1px solid rgba(255,255,255,.12);box-shadow:0 1px 2px rgba(0,0,0,.3),0 24px 60px rgba(0,0,0,.4)}
[dir="rtl"] .sv2-pg-city .sv2-pgcity-card{justify-self:start}
.sv2-pg-city .sv2-pgcity-card-head{padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12);font:600 12px/1.5 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark)}
.sv2-pg-city .sv2-pgcity-facts li{display:flex;align-items:flex-start;gap:12px;padding-block:12px;border-bottom:1px solid rgba(255,255,255,.09);font-size:15px;line-height:1.5;color:#e3e8ee}
.sv2-pg-city .sv2-pgcity-facts .sv2-pgcity-tick{margin-top:2px}
.sv2-pg-city .sv2-pgcity-card-tp{margin-top:18px}
.sv2-pg-city .sv2-pgcity-card-tp a{gap:8px 12px}
.sv2-pg-city .sv2-pgcity-card-tp a>span:last-child{font-size:14px;color:var(--on-dark)}
/* readability over the lighter photo shade (the main menu page precedent, 5 Oct 2026): breadcrumb, lead and figure labels
   in pure white, the current page marked by weight instead of the warm tint; outline buttons over photos get the dark
   fill the hero buttons already have */
.sv2-pg-city .sv2-hero :is(.sv2-crumbs ol,.sv2-crumbs li[aria-current],.sv2-hero-lead,.sv2-stat span){color:#fff}
.sv2-pg-city .sv2-hero .sv2-crumbs li[aria-current]{font-weight:600}
.sv2-pg-city .sv2-hero .sv2-stat span{text-shadow:0 1px 2px rgba(0,0,0,.45),0 2px 14px rgba(0,0,0,.35)}
.sv2-pg-city .sv2-cta :is(.sv2-cta-desc,.sv2-cta-badges){color:#fff}
.sv2-pg-city .sv2-cta .sv2-btn-outline-light:not(:hover){background:rgba(4,16,33,.55)}
/* laptops: the lead and the closing badges stay in the darker left part of the photo (a longer fourth badge, the Cardiff
   office address, wraps under the first instead of running over the bright side) */
@media(min-width:1101px){
.sv2-pg-city .sv2-pgcity-hero .sv2-hero-lead{max-width:540px}
.sv2-pg-city .sv2-cta-badges{padding-inline-end:38%}
}
/* short laptop screens (14-inch, 740px tall): the call to action stays inside the first screen */
@media(min-width:1024px) and (max-height:820px){
.sv2-pg-city .sv2-pgcity-hero .sv2-hero-inner{padding-top:26px;padding-bottom:36px}
.sv2-pg-city .sv2-pgcity-hero h1{margin-top:14px}
.sv2-pg-city .sv2-pgcity-hero .sv2-hero-lead{margin-top:14px}
.sv2-pg-city .sv2-pgcity-hero .sv2-hero-stats{margin-top:18px}
.sv2-pg-city .sv2-pgcity-hero .sv2-hero-ctas{margin-top:20px}
.sv2-pg-city .sv2-pgcity-facts li{padding-block:10px}
}
/* stacked hero (tablets and phones): the card follows the buttons */
@media(max-width:1100px){
.sv2-pg-city .sv2-pgcity-card{justify-self:start;max-width:560px}
}
@media(max-width:600px){
.sv2-pg-city .sv2-pgcity-card{padding:22px 20px 20px;border-radius:16px;max-width:none;margin-bottom:56px}
.sv2-pg-city .sv2-pgcity-facts li{font-size:15px;padding-block:11px}
}

/* ===== shared ===== */
.sv2-pg-city .sv2-pgcity-solo{grid-template-columns:minmax(0,1fr)}
.sv2-pg-city .sv2-pgcity-solo>h2{max-width:22em}
.sv2-pg-city h4{margin:0}
/* links inside the page's own copy (the data carries old link classes): ink with the orange underline, white on navy */
.sv2-pg-city :is(.sv2-pgcity-ticks,.sv2-pgcity-cols p,.sv2-know-grid p,.sv2-head>p) a{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:rgba(199,66,13,.55);text-decoration-thickness:1px;text-underline-offset:4px}
.sv2-pg-city :is(.sv2-pgcity-ticks,.sv2-pgcity-cols p,.sv2-know-grid p,.sv2-head>p) a:hover{color:var(--orange);text-decoration-color:var(--orange)}
.sv2-pg-city .sv2-navy :is(.sv2-know-grid p,.sv2-head>p,.sv2-more p) a{color:#fff;text-decoration-color:rgba(255,145,78,.7)}
.sv2-pg-city .sv2-navy :is(.sv2-know-grid p,.sv2-head>p,.sv2-more p) a:hover{color:#ffb489}

/* tick lists (intro bullets, service items, extra card items) */
.sv2-pg-city .sv2-pgcity-ticks li{display:flex;align-items:flex-start;gap:12px;padding-block:8px;font-size:16px;line-height:1.55;color:var(--muted)}
.sv2-pg-city .sv2-pgcity-ticks .sv2-pgcity-tick{color:var(--orange)}
.sv2-pg-city .sv2-prose .sv2-pgcity-ticks{border-top:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 32px}
.sv2-pg-city .sv2-prose .sv2-pgcity-ticks li{padding-inline-start:0;border-bottom:0;font-size:17px;color:var(--ink)}
.sv2-pg-city .sv2-prose .sv2-pgcity-ticks li::before{display:none}

/* ===== what you need to know, what's included, why choose: the house columns with h4 titles ===== */
.sv2-pg-city .sv2-pgcity-grid h4{font:600 22px/1.3 Poppins,"Poppins Fallback",Inter,sans-serif;letter-spacing:-.02em;color:#fff}
.sv2-pg-city .sv2-pgcity-grid p{margin-top:10px;font-size:16px;line-height:1.65;color:var(--on-dark)}
.sv2-pg-city .sv2-pgcity-know .sv2-pgcity-grid h4{color:var(--warm);font-size:20px}
.sv2-pg-city .sv2-pgcity-know .sv2-pgcity-grid p{font-size:17px;color:#fff}
.sv2-pg-city .sv2-on-light h4{color:var(--ink)}
.sv2-pg-city .sv2-on-light p{color:var(--muted)}
.sv2-pg-city .sv2-on-light.sv2-grid-6 li{border-color:var(--line-strong)}
.sv2-pg-city .sv2-pgcity-included .sv2-more{max-width:none}

/* ===== the numbers: big orange figures ===== */
.sv2-pg-city .sv2-pgcity-statrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line-strong)}
.sv2-pg-city .sv2-pgcity-statrow li{position:relative;display:flex;flex-direction:column;padding-block:30px 4px;padding-inline:28px}
.sv2-pg-city .sv2-pgcity-statrow li:first-child{padding-inline-start:0}
.sv2-pg-city .sv2-pgcity-statrow li+li{border-inline-start:1px solid var(--line)}
.sv2-pg-city .sv2-pgcity-statrow li::before{content:"";position:absolute;top:-2px;inset-inline-start:0;width:48px;height:3px;background:var(--accent)}
.sv2-pg-city .sv2-pgcity-statrow li+li::before{inset-inline-start:28px}
.sv2-pg-city .sv2-pgcity-statrow strong{font:600 clamp(52px,5.4vw,84px)/.95 Poppins,"Poppins Fallback",sans-serif;letter-spacing:-.05em;color:var(--orange)}
.sv2-pg-city .sv2-pgcity-statrow span{margin-top:14px;font:500 16px/1.4 Inter,sans-serif;color:var(--muted)}
[dir="rtl"] .sv2-pg-city .sv2-pgcity-statrow strong{line-height:1.1}

/* ===== services and extra sections: clean columns with a short orange rule ===== */
.sv2-pg-city .sv2-pgcity-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 48px}
.sv2-pg-city .sv2-pgcity-cols>li{position:relative;padding-top:26px;border-top:1px solid var(--line-strong)}
.sv2-pg-city .sv2-pgcity-cols>li::before{content:"";position:absolute;top:-2px;inset-inline-start:0;width:28px;height:3px;background:var(--accent)}
.sv2-pg-city .sv2-pgcity-cols h3{font-size:22px;line-height:1.3;color:var(--ink)}
.sv2-pg-city .sv2-pgcity-cols>li>p{margin-top:10px;font-size:16px;line-height:1.65;color:var(--muted)}
.sv2-pg-city .sv2-pgcity-cols .sv2-pgcity-ticks{margin-top:12px}
.sv2-pg-city .sv2-pgcity-cols .sv2-pgcity-ticks li{font-size:15px;padding-block:6px;color:var(--ink)}

/* ===== areas covered: one clean grouped list ===== */
.sv2-pg-city .sv2-pgcity-arealist{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 28px;border-top:1px solid var(--line-strong)}
.sv2-pg-city .sv2-pgcity-arealist li{position:relative;padding-block:14px;padding-inline-start:22px;border-bottom:1px solid var(--line);font:500 16px/1.4 Inter,sans-serif;color:var(--ink)}
.sv2-pg-city .sv2-pgcity-arealist li::before{content:"";position:absolute;inset-inline-start:0;top:24px;width:10px;height:2px;background:var(--accent)}

/* ===== sibling locations: two photo tiles, or link blocks ===== */
.sv2-pg-city .sv2-pgcity-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.sv2-pg-city .sv2-pgcity-tiles .sv2-tile{min-height:420px}
.sv2-pg-city .sv2-pgcity-tiles .sv2-tile-body{padding:28px 30px 30px;max-width:620px}
.sv2-pg-city .sv2-pgcity-tiles .sv2-tile-link .sv2-arrow{width:18px;height:18px}
.sv2-pg-city .sv2-pgcity-relist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;border-top:1px solid var(--line-strong)}
.sv2-pg-city .sv2-pgcity-relist li{border-bottom:1px solid var(--line-strong)}
.sv2-pg-city .sv2-pgcity-relist a{display:block;padding-block:28px}
.sv2-pg-city .sv2-pgcity-relist h3{font-size:22px;line-height:1.3;color:var(--ink)}
.sv2-pg-city .sv2-pgcity-relist p{margin-top:8px;font-size:16px;line-height:1.65;color:var(--muted)}
.sv2-pg-city .sv2-pgcity-relist span{display:inline-flex;align-items:center;gap:10px;margin-top:14px;font:600 15px/1.4 Inter,sans-serif;color:var(--ink);border-bottom:1px solid rgba(199,66,13,.5)}
.sv2-pg-city .sv2-pgcity-relist span .sv2-arrow{color:var(--orange)}
.sv2-pg-city .sv2-pgcity-relist a:hover :is(h3,span){color:var(--orange)}

/* ===== laptops below 1100px ===== */
@media(max-width:1100px){
.sv2-pg-city .sv2-pgcity-statrow{grid-template-columns:repeat(2,minmax(0,1fr))}
.sv2-pg-city .sv2-pgcity-statrow li:nth-child(3){padding-inline-start:0;border-inline-start:0}
.sv2-pg-city .sv2-pgcity-statrow li:nth-child(3)::before{inset-inline-start:0}
.sv2-pg-city .sv2-pgcity-statrow li:nth-child(n+3){margin-top:24px;border-top:1px solid var(--line)}
.sv2-pg-city .sv2-pgcity-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
.sv2-pg-city .sv2-pgcity-arealist{grid-template-columns:repeat(4,minmax(0,1fr))}
.sv2-pg-city .sv2-on-light.sv2-grid-6 li:nth-child(even){border-inline-start-color:var(--line-strong)}
}
/* ===== tablets and large phones ===== */
@media(max-width:850px){
.sv2-pg-city .sv2-pgcity-arealist{grid-template-columns:repeat(3,minmax(0,1fr))}
.sv2-pg-city .sv2-pgcity-tiles,.sv2-pg-city .sv2-pgcity-relist{grid-template-columns:minmax(0,1fr)}
.sv2-pg-city .sv2-prose .sv2-pgcity-ticks{grid-template-columns:minmax(0,1fr)}
}
/* ===== phones ===== */
@media(max-width:600px){
.sv2-pg-city .sv2-pgcity-grid h4{font-size:20px}
.sv2-pg-city .sv2-pgcity-know .sv2-pgcity-grid h4{font-size:19px}
.sv2-pg-city .sv2-pgcity-know .sv2-pgcity-grid p{font-size:16px}
.sv2-pg-city .sv2-pgcity-statrow li{padding:22px 0 2px 18px}
.sv2-pg-city .sv2-pgcity-statrow li:nth-child(odd){padding-inline:0 18px}
.sv2-pg-city .sv2-pgcity-statrow li:nth-child(even){padding-inline:18px 0}
.sv2-pg-city .sv2-pgcity-statrow li:nth-child(even)::before{inset-inline-start:18px}
.sv2-pg-city .sv2-pgcity-statrow li::before{width:36px}
.sv2-pg-city .sv2-pgcity-statrow strong{font-size:clamp(40px,12vw,52px)}
.sv2-pg-city .sv2-pgcity-statrow span{margin-top:10px;font-size:14px}
.sv2-pg-city .sv2-pgcity-cols{grid-template-columns:minmax(0,1fr);gap:36px}
.sv2-pg-city .sv2-pgcity-cols h3{font-size:20px}
.sv2-pg-city .sv2-pgcity-arealist{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.sv2-pg-city .sv2-pgcity-arealist li{font-size:15px;padding-block:12px;padding-inline-start:18px}
.sv2-pg-city .sv2-pgcity-arealist li::before{top:22px;width:8px}
.sv2-pg-city .sv2-pgcity-tiles .sv2-tile{min-height:440px}
.sv2-pg-city .sv2-pgcity-tiles .sv2-tile-body{padding:20px 20px 22px}
.sv2-pg-city .sv2-prose .sv2-pgcity-ticks li{font-size:16px}
}
/* German compounds ("Übersetzungsdienste") and Arabic two-word figures fit the phone width without breaking mid-word */
@media(max-width:600px){
:lang(de) .sv2-pg-city .sv2-pgcity-hero h1{font-size:clamp(24px,7.4vw,34px)}
[dir="rtl"] .sv2-pg-city .sv2-pgcity-statrow strong{font-size:clamp(30px,8.6vw,40px)}
}
@media(max-width:374px){
.sv2-pg-city .sv2-pgcity-arealist{grid-template-columns:minmax(0,1fr)}
.sv2-pg-city .sv2-pgcity-statrow strong{font-size:38px}
}
/* One approved service photo beside the city text (5 Oct 2026, review: long pages had photos only at the top and the
   end): laptops under the heading in the left column, tablets and phones between the heading and the text */
.sv2-pg-city .sv2-pgcity-mid{margin:0;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:var(--paper)}
.sv2-pg-city .sv2-pgcity-mid img{display:block;width:100%;height:100%;object-fit:cover}
@media(min-width:1024px){.sv2-pg-city .sv2-pgcity-context .sv2-article{grid-template-rows:auto 1fr}.sv2-pg-city .sv2-pgcity-context .sv2-article>h2{grid-column:1;grid-row:1}.sv2-pg-city .sv2-pgcity-mid{grid-column:1;grid-row:2;align-self:start;margin-top:6px}.sv2-pg-city .sv2-pgcity-context .sv2-prose{grid-column:2;grid-row:1/span 2}}
@media(max-width:1023px){.sv2-pg-city .sv2-pgcity-mid{aspect-ratio:16/9}}
@media(max-width:600px){.sv2-pg-city .sv2-pgcity-mid{border-radius:12px}}
/* Arabic city figures such as "24 ساعة" stay on one line on laptops (review, 5 Oct 2026) */
@media(min-width:601px){[dir="rtl"] .sv2-pg-city .sv2-pgcity-statrow strong{white-space:nowrap;font-size:clamp(40px,3.6vw,60px)}}