/*
Theme Name: Noor Al Tin
Description: Black and gold global recruitment website with editable English, Russian and Turkish pages.
Version: 1.5.0
Requires at least: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: noor-at-tin
*/
:root{--gold:#e2be72;--ink:#090b0d;--panel:#131619;--text:#f4f0e8;--muted:#b8bab9;--line:#36332b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font:17px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--gold);text-underline-offset:5px}a:hover{color:#fff}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.14;letter-spacing:-.035em;margin:0 0 24px;font-weight:500}h1,h2{font-family:Georgia,"Times New Roman",serif}h1{font-size:clamp(42px,5.5vw,82px)}h2{font-size:clamp(32px,3.5vw,50px)}h3{font-size:24px}p{margin:0 0 22px}.wrap{max-width:1280px;margin:auto;padding:0 34px}.skip{position:absolute;top:-100px;left:20px}.skip:focus{top:10px;z-index:100;background:#000;padding:10px}.site-header{border-bottom:1px solid var(--line);background:#08090b}.header-inner{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:15px;color:var(--gold);text-decoration:none;flex-shrink:0}.brand img{width:86px;height:68px;object-fit:cover}.brand-name{font:26px Georgia,serif;letter-spacing:.01em}.brand small{display:block;font:10px/1.8 system-ui;letter-spacing:.17em;text-transform:uppercase;color:var(--muted)}.site-nav{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.site-nav a{font-size:13px;text-decoration:none;color:#dededb}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--gold)}.languages{display:flex;gap:13px;padding:14px 0;justify-content:flex-end;border-top:1px solid #202226}.languages a{font-size:12px;text-decoration:none}.languages a[aria-current=page]{color:#fff;border-bottom:1px solid var(--gold)}.noor-hero{padding:70px 0 0}.noor-hero .eyebrow{color:var(--gold);font-size:12px;letter-spacing:.2em;text-transform:uppercase}.noor-hero>p:not(.eyebrow){color:#c7c8c7;max-width:720px;font-size:19px}.noor-hero h1{max-width:920px}.hero-media{margin:38px 0 0}.hero-media img{display:block;width:100%;border:1px solid var(--line);border-radius:3px}.hero-media figcaption{color:var(--muted);font-size:11px;margin-top:8px}.noor-section{padding:80px 0;border-bottom:1px solid var(--line)}.noor-section>p{max-width:850px;color:#c6c8c8}.wp-block-columns{display:flex;flex-wrap:wrap;gap:25px;margin-top:35px}.wp-block-column{flex:1 1 260px;min-width:0;background:var(--panel);padding:30px;border:1px solid var(--line)}.wp-block-column p{font-size:15px;color:var(--muted)}.wp-block-column h3{color:var(--gold)}.wp-block-buttons{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0}.wp-block-button__link,.button,button,input[type=submit]{display:inline-block;background:var(--gold);color:#111;text-decoration:none;border:1px solid var(--gold);border-radius:2px;padding:13px 24px;font:600 13px/1.5 system-ui;cursor:pointer}.button:hover,.wp-block-button__link:hover{color:#000;background:#f4d796}.page-content{padding:65px 0;min-height:50vh}.page-content h1{font-size:clamp(40px,4.8vw,66px)}.page-content>p{max-width:850px}.page-content ul{padding-left:23px;max-width:850px}.page-content li{padding-bottom:10px}.contact-details{display:flex;flex-wrap:wrap;gap:25px;margin:35px 0}.contact-details>div{flex:1 1 250px;padding:25px;background:var(--panel);border:1px solid var(--line)}.contact-details h3{color:var(--gold)}.form-shell{max-width:850px;background:var(--panel);border:1px solid var(--line);padding:30px;margin:35px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-shell label{display:block;font-size:14px;margin:0 0 6px}.form-shell input:not([type=checkbox]),.form-shell select,.form-shell textarea{width:100%;padding:13px;background:#090b0d;border:1px solid #555;color:#fff;font:inherit;border-radius:2px}.form-shell textarea{min-height:140px}.full{grid-column:1/-1}.consent{display:flex!important;gap:10px;align-items:flex-start;margin:20px 0!important;color:var(--muted)}.consent input{margin-top:7px}.trap{display:none}.notice{padding:20px;border:1px solid var(--gold);color:var(--gold)}.site-footer{background:#060708;padding:55px 0 30px}.footer-grid{display:flex;gap:55px;flex-wrap:wrap;justify-content:space-between}.footer-grid>div{max-width:500px}.site-footer p{font-size:14px;color:var(--muted)}.site-footer h3{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:35px;padding-top:20px;font-size:12px;color:#999}.credit-note{font-size:12px!important;color:#999!important}.jobs-list article{border:1px solid var(--line);padding:25px;margin:20px 0;background:var(--panel)}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}@media(max-width:850px){.wrap{padding:0 22px}.header-inner{align-items:flex-start;flex-direction:column;gap:15px;padding-top:20px;padding-bottom:20px}.site-nav{gap:15px}.languages{justify-content:flex-start}.noor-hero{padding-top:40px}.noor-section{padding:50px 0}.form-grid{grid-template-columns:1fr}.brand-name{font-size:24px}.hero-media img{min-height:260px;object-fit:cover;object-position:center}.wp-block-column{padding:25px}.footer-grid{gap:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.noor-ai-label{display:block;text-align:right;font-size:9px;line-height:1.4;color:#c4b99f;margin:3px 0 5px;letter-spacing:.02em}

/* Continuous image-led Expertise sections: no empty space between disciplines. */
.noor-expertise-intro{padding:0 0 30px;max-width:850px}
.noor-expertise-rows{display:flex;flex-direction:column;gap:0;margin:0!important;padding:0!important}
.noor-expertise-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0!important;padding:0!important;gap:0!important;background:#14181d;border:1px solid #36332b;border-bottom:0;overflow:hidden}
.noor-expertise-row:last-child{border-bottom:1px solid #36332b}
.noor-expertise-row:nth-child(even){background:#0e1115}
.noor-expertise-row:nth-child(even) .noor-expertise-image{order:2}
.noor-expertise-image{margin:0!important;position:relative;min-height:340px;height:100%;background:#19212a}
.noor-expertise-image img{display:block;width:100%;height:100%;min-height:340px;object-fit:cover}
.noor-expertise-image figcaption{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.72);font:10px/1.5 system-ui;padding:6px 12px;color:#f0f0f0}
.noor-expertise-image figcaption a{color:#ffe6aa}
.noor-expertise-copy{display:flex;flex-direction:column;justify-content:center;padding:36px!important;margin:0!important;min-width:0}
.noor-expertise-copy h3{font-family:Georgia,serif;font-size:clamp(25px,2.6vw,36px);color:var(--gold);margin-bottom:18px}
.noor-expertise-copy p{font-size:16px;line-height:1.7;color:#dededb;margin:0}
.noor-expertise-summary{margin:0!important;padding:36px!important;background:#161a1f;border:1px solid var(--line);border-top:0}
.noor-expertise-summary h2{font-size:32px}
@media(max-width:700px){.noor-expertise-row{grid-template-columns:1fr}.noor-expertise-row:nth-child(even) .noor-expertise-image{order:0}.noor-expertise-image,.noor-expertise-image img{min-height:230px;height:230px}.noor-expertise-copy{padding:26px!important}.noor-expertise-summary{padding:26px!important}}
.noor-expertise-row{min-height:350px}
.noor-expertise-image{min-height:350px;height:auto}
.noor-expertise-image img{position:absolute;inset:0;width:100%;height:100%;min-height:0}
@media(max-width:700px){.noor-expertise-image{height:230px;min-height:230px}}

/* Header stays in normal flow, then remains visible at the viewport top. */
.site-header{position:sticky;top:0;z-index:999;background:#08090b;box-shadow:0 4px 18px rgba(0,0,0,.28)}
body.admin-bar .site-header{top:32px}
html{scroll-padding-top:175px}
@media(max-width:850px){html{scroll-padding-top:230px}}
@media(max-width:782px){body.admin-bar .site-header{top:46px}}
/* On narrow screens the WordPress toolbar scrolls away; the header stays at zero. */
@media(max-width:600px){body.admin-bar .site-header{top:0}}

.home-content .hero-media figcaption{font-size:9px}

.home-content>.noor-section{padding:36px 0}
.home-content>.noor-section:first-child{padding-top:24px}
.home-content .wp-block-columns{gap:18px;margin-top:22px}
.home-content .wp-block-column{padding:24px}
.home-content .hero-media{margin-top:26px}
.home-content .hero-media img{height:auto;min-height:0;object-fit:contain}
@media(max-width:700px){.home-content>.noor-section{padding:26px 0}.home-content .wp-block-columns{gap:12px}.home-content .wp-block-column{padding:20px}.home-content .hero-media{margin-top:20px}}

/* Editable landing-page artwork and compact feature panels. */
.home-content .noor-landing-hero{display:flex;flex-direction:column;padding-top:0!important}
.home-content .noor-landing-hero .hero-media{margin:0 0 28px;position:relative}
.home-content .noor-landing-hero .hero-media img{border:0;border-radius:0 0 12px 12px;box-shadow:0 16px 46px #0008}
.home-content .hero-media figcaption{position:absolute;bottom:8px;right:12px;background:#0009;color:#fff;padding:2px 6px;margin:0;border-radius:3px}
.home-content .noor-landing-hero>p:first-of-type{color:var(--gold);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.home-content .noor-landing-hero h1{max-width:1020px;font-size:clamp(34px,4.2vw,62px);line-height:1.12;margin:8px 0 18px}
.home-content .wp-block-columns:not(.noor-plant-grid)>.wp-block-column{border-radius:10px;background:linear-gradient(145deg,#25342e,#131a20 65%);border-top:3px solid var(--gold)}
.home-content .wp-block-columns:not(.noor-plant-grid)>.wp-block-column:nth-child(2){background:linear-gradient(145deg,#27384d,#121a24 65%)}
.home-content .wp-block-columns:not(.noor-plant-grid)>.wp-block-column:nth-child(3){background:linear-gradient(145deg,#403522,#1b1813 65%)}
.home-content .wp-block-columns:not(.noor-plant-grid)>.wp-block-column:before{content:'';display:block;width:44px;height:44px;margin-bottom:15px;background:center/34px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23dfbd76' stroke-width='2'%3E%3Cpath d='M8 32v-7a16 16 0 0 1 32 0v7M5 32h38v7H5zM20 9v17M28 9v17'/%3E%3C/svg%3E")}
.home-content .wp-block-columns:not(.noor-plant-grid)>.wp-block-column:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23dfbd76' stroke-width='2'%3E%3Ccircle cx='24' cy='24' r='18'/%3E%3Cellipse cx='24' cy='24' rx='8' ry='18'/%3E%3Cpath d='M6 24h36M10 14h28M10 34h28'/%3E%3C/svg%3E")}
.home-content .wp-block-columns:not(.noor-plant-grid)>.wp-block-column:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23dfbd76' stroke-width='2'%3E%3Cpath d='M24 5L7 12v12c0 10 17 19 17 19s17-9 17-19V12zM16 24l6 6 12-13'/%3E%3C/svg%3E")}
.home-content .noor-plant-showcase{background:linear-gradient(135deg,#172a27,#121b29);padding:28px!important;margin:22px 0;border:1px solid #405348;border-radius:12px}
.home-content .noor-plant-grid{gap:18px;margin:22px 0 0}
.home-content .noor-plant-grid>.wp-block-column{padding:0;background:none;border:0;flex:1 1 300px}
.home-content .noor-plant-image{position:relative;margin:0}
.home-content .noor-plant-image img{display:block;width:100%;height:280px;object-fit:cover;border-radius:8px}
.home-content .noor-plant-image figcaption{position:absolute;right:8px;bottom:8px;font-size:9px;padding:2px 5px;background:#0009;color:white;border-radius:3px}
.home-content .noor-compliance{font-size:13px;color:var(--muted);padding:20px;border-left:3px solid var(--gold);background:#141b1a;margin:25px 0}
@media(max-width:700px){.home-content .noor-plant-showcase{padding:18px!important}.home-content .noor-plant-image img{height:220px}.home-content .noor-landing-hero .hero-media{margin-bottom:20px}}

/* Official brand and supplied trade illustrations. */
.header-inner{gap:22px;min-height:108px}.brand{flex:1 1 auto;min-width:0;max-width:760px}.brand img{width:75px;height:82px;object-fit:contain;flex-shrink:0}.brand-name{color:#f4f0e8;font-size:clamp(18px,2.3vw,30px);line-height:1.2;letter-spacing:0}.brand small{font-size:10px;letter-spacing:.06em;margin-top:5px}.site-nav{flex-shrink:0;gap:19px}.office-footer{display:grid;grid-template-columns:1fr 190px 1fr;gap:40px;align-items:center;text-align:center}.office-footer address{font-style:normal;font-size:15px;line-height:1.8}.office-footer h3{color:var(--gold);font-size:20px;margin-bottom:14px}.footer-logo img{width:125px;height:150px;object-fit:contain}.footer-email{text-align:center;margin:30px 0 22px}.noor-trade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0 40px}.noor-trade-card{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid var(--line);background:var(--panel);padding:22px;border-radius:8px;min-width:0}.noor-trade-card h3{font:500 19px/1.35 system-ui;margin:14px 0 10px;letter-spacing:0}.noor-trade-card p{margin:0;font-size:14px;color:var(--gold)}.noor-trade-icon{margin:0;width:110px;height:110px}.noor-trade-icon img{display:block;width:110px;height:110px;object-fit:contain}.noor-grade-note{padding:28px;border:1px solid var(--line);background:#121518;margin-bottom:30px}.noor-grade-note h2{font-size:30px}.noor-grade-note p{font-size:15px}.noor-about-row{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.noor-about-row:nth-of-type(even) .noor-about-image{order:2}.noor-about-image{margin:0}.noor-about-image img{width:100%;height:310px;object-fit:cover;border-radius:6px}.noor-about-image figcaption{font-size:10px;color:var(--muted);text-align:right}.noor-about-copy h2{font-size:34px}.noor-about-copy p{font-size:16px;margin:0}.trade-blue{border-top:3px solid #438ccc}.trade-orange{border-top:3px solid #dc8b41}.trade-gray{border-top:3px solid #88949f}.trade-yellow{border-top:3px solid #d8c24d}.trade-green{border-top:3px solid #5caa73}.trade-red{border-top:3px solid #cd6262}.trade-purple{border-top:3px solid #a182c7}
@media(max-width:1100px){.brand-name{font-size:22px}.header-inner{gap:18px}.site-nav{gap:14px}.brand{max-width:650px}}@media(max-width:850px){.brand{max-width:100%;width:100%}.brand-name{font-size:23px}.brand img{width:68px;height:76px}.site-nav{align-self:flex-end}.languages{justify-content:flex-end}.noor-trade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.office-footer{grid-template-columns:1fr 130px 1fr;gap:18px}.noor-about-row{gap:22px}.noor-about-copy h2{font-size:28px}}@media(max-width:600px){.noor-trade-grid{grid-template-columns:1fr}.office-footer{grid-template-columns:1fr;gap:22px}.footer-logo{grid-row:2}.noor-about-row{grid-template-columns:1fr}.noor-about-row:nth-of-type(even) .noor-about-image{order:0}.brand-name{font-size:18px}.brand small{font-size:9px}.site-nav{gap:16px;align-self:flex-start}.languages{justify-content:flex-start}.noor-trade-card{padding:24px}.noor-about-image img{height:240px}}

.noor-trade-grid>.wp-block-group__inner-container,.noor-about-row>.wp-block-group__inner-container{display:contents}.noor-trade-card>.wp-block-group__inner-container{width:100%}.noor-trade-card .noor-trade-icon{margin:0 auto}.home-content .noor-section{padding-top:30px;padding-bottom:30px}