/*
Theme Name: Bareeq Media Gutenberg
Theme URI: https://bariq-media.yaserhimdy1980.chatgpt.site
Author: Bareeq Media
Description: قالب بلوكات احترافي قابل للتحرير بالكامل لمؤسسة بريق ميديا للإنتاج الإعلامي.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: bareeq-media
*/

:root {
  --bareeq-ink: #070706;
  --bareeq-panel: #10100e;
  --bareeq-gold: #d6a64b;
  --bareeq-gold-bright: #f0cd7d;
  --bareeq-ivory: #f4f0e7;
  --bareeq-muted: #aaa59b;
  --bareeq-line: rgba(214, 166, 75, .24);
}

html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: var(--bareeq-ink); color: var(--bareeq-ivory); }
.wp-site-blocks { overflow: hidden; }
.wp-site-blocks > * { margin-block-start: 0; }
a { transition: color .22s ease, background-color .22s ease, transform .22s ease; }

.bareeq-header {
  position: relative; z-index: 20; padding: 14px clamp(20px, 5vw, 82px);
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(7,7,6,.97);
}
.bareeq-header .wp-block-image img { width: 172px; max-height: 62px; object-fit: contain; }
.bareeq-header .wp-block-navigation { font-size: 14px; }
.bareeq-header .wp-block-navigation-item__content:hover { color: var(--bareeq-gold-bright); }
.bareeq-header-cta a { border: 1px solid var(--bareeq-gold) !important; color: var(--bareeq-gold-bright) !important; padding: 11px 20px !important; }

.bareeq-hero { min-height: 860px; display: flex; align-items: center; }
.bareeq-hero .wp-block-cover__background { background: linear-gradient(270deg, rgba(5,5,4,.96), rgba(5,5,4,.7) 44%, rgba(5,5,4,.18) 76%) !important; opacity: 1 !important; }
.bareeq-hero-inner { width: min(1180px, calc(100% - 40px)); margin-inline: auto; padding-block: 130px 90px; }
.bareeq-kicker { color: var(--bareeq-gold); font-size: 13px; font-weight: 700; letter-spacing: .08em; }
.bareeq-hero-title { margin: 20px 0 28px !important; max-width: 900px; font-size: clamp(58px, 8.8vw, 136px) !important; line-height: .91 !important; letter-spacing: -.055em; }
.bareeq-hero-title strong { color: var(--bareeq-gold-bright); font-weight: 400; }
.bareeq-hero-lead { max-width: 690px; color: #d0c9bd; font-size: clamp(17px, 1.45vw, 21px); line-height: 1.95; }
.bareeq-buttons { margin-top: 32px; }
.bareeq-buttons .wp-block-button__link { min-height: 52px; display: inline-flex; align-items: center; border-radius: 0; font-size: 14px; font-weight: 700; padding-inline: 27px; }
.bareeq-buttons .is-style-fill .wp-block-button__link { background: var(--bareeq-gold); color: #090704; }
.bareeq-buttons .is-style-outline .wp-block-button__link { border-color: rgba(255,255,255,.35); color: white; }

.bareeq-strip { padding: 24px clamp(20px, 6vw, 104px); border-block: 1px solid rgba(255,255,255,.08); background: #0a0a09; }
.bareeq-strip .wp-block-columns { margin: 0; }
.bareeq-strip p { margin: 0; color: #979087; text-align: center; font-size: 12px; }

.bareeq-section { padding: 115px clamp(20px, 6vw, 104px); }
.bareeq-section-dark { background: #080808; }
.bareeq-section-panel { background: var(--bareeq-panel); }
.bareeq-heading-grid { align-items: end !important; margin-bottom: 55px; gap: 50px; }
.bareeq-section-title { margin: 14px 0 0 !important; font-size: clamp(42px, 5.6vw, 84px) !important; line-height: 1.05 !important; letter-spacing: -.045em; }
.bareeq-section-intro { color: var(--bareeq-muted); font-size: 16px; line-height: 1.95; }

.bareeq-about { padding: 0; background: #0e0e0c; }
.bareeq-about > .wp-block-columns { margin: 0; min-height: 760px; gap: 0; }
.bareeq-about-image { min-height: 650px; height: 100%; }
.bareeq-about-image img { width: 100%; height: 100%; min-height: 650px; object-fit: cover; }
.bareeq-about-copy { padding: clamp(65px, 8vw, 125px) clamp(28px, 8vw, 130px); }
.bareeq-about-copy p { color: var(--bareeq-muted); line-height: 1.95; }
.bareeq-check-list { margin: 28px 0; padding: 0; list-style: none; }
.bareeq-check-list li { margin: 12px 0; padding-right: 24px; position: relative; }
.bareeq-check-list li:before { content: "✓"; position: absolute; right: 0; color: var(--bareeq-gold); }
.bareeq-about-logo img { width: 240px; max-height: 120px; object-fit: contain; }

.bareeq-service { min-height: 310px; margin: 0 !important; padding: 35px 0; border-top: 1px solid var(--bareeq-line); align-items: center !important; }
.bareeq-service:last-child { border-bottom: 1px solid var(--bareeq-line); }
.bareeq-service-number { color: #615b51; font-size: 11px; letter-spacing: .15em; }
.bareeq-service h3 { margin: 8px 0 14px; font-size: clamp(25px, 2.3vw, 36px); }
.bareeq-service p { color: var(--bareeq-muted); font-size: 14px; line-height: 1.95; }
.bareeq-service figure { height: 230px; margin: 0; overflow: hidden; }
.bareeq-service figure img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.82); }

.bareeq-value-grid { margin-top: 55px; gap: 0 !important; border-block: 1px solid var(--bareeq-line); }
.bareeq-value-card { min-height: 320px; padding: 36px 30px; border-inline-start: 1px solid var(--bareeq-line); }
.bareeq-value-card:last-child { border-inline-end: 1px solid var(--bareeq-line); }
.bareeq-value-card h3 { margin-top: 42px; font-size: 25px; }
.bareeq-value-card p { color: var(--bareeq-muted); line-height: 1.95; font-size: 14px; }

.bareeq-sectors { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 0 !important; border-top: 1px solid var(--bareeq-line); border-inline-start: 1px solid var(--bareeq-line); }
.bareeq-sector { min-height: 165px; padding: 27px 24px; border-inline-end: 1px solid var(--bareeq-line); border-bottom: 1px solid var(--bareeq-line); display: flex; flex-direction: column; justify-content: space-between; }
.bareeq-sector p { color: #666056; font-size: 11px; }
.bareeq-sector h3 { margin: 35px 0 0; font-size: 19px; line-height: 1.45; }

.bareeq-video-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 42px 20px !important; }
.bareeq-video-card:first-child { grid-column: 1 / -1; }
.bareeq-video-card figure { margin: 0; }
.bareeq-video-card .wp-block-embed__wrapper { aspect-ratio: 16/9; background: black; }
.bareeq-video-card iframe { width: 100%; height: 100%; }
.bareeq-video-card h3 { margin-top: 14px; font-size: 25px; }

.bareeq-team-layout { align-items: flex-start !important; gap: clamp(35px, 7vw, 100px); }
.bareeq-team-intro { position: sticky; top: 30px; }
.bareeq-team-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px !important; }
.bareeq-team-card { position: relative; min-height: 490px; overflow: hidden; background: #111; }
.bareeq-team-card > figure { position: absolute; inset: 0; margin: 0; }
.bareeq-team-card > figure img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.bareeq-team-card:after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(3,3,3,.9), transparent 48%); pointer-events: none; }
.bareeq-team-caption { position: absolute; z-index: 2; inset-inline: 24px; bottom: 22px; }
.bareeq-team-caption h3 { margin: 0 0 5px; font-size: 20px; }
.bareeq-team-caption p { margin: 0; color: #d0c9be; font-size: 12px; }
.bareeq-team-card-square { min-height: 0; aspect-ratio: 1/1; }
.bareeq-team-board { position: absolute; inset: 0; overflow: hidden; background: white; }
.bareeq-team-board img { position: absolute; width: 200% !important; height: 200% !important; max-width: none !important; object-fit: cover !important; }
.bareeq-crop-tl img { left: 0; top: 0; }
.bareeq-crop-tr img { left: -100%; top: 0; }
.bareeq-crop-bl img { left: 0; top: -100%; }
.bareeq-crop-br img { left: -100%; top: -100%; }

.bareeq-process { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 !important; border-top: 1px solid var(--bareeq-line); border-inline-end: 1px solid var(--bareeq-line); }
.bareeq-process-card { min-height: 390px; padding: 42px 38px; border-inline-start: 1px solid var(--bareeq-line); border-bottom: 1px solid var(--bareeq-line); }
.bareeq-process-card > p:first-child { color: var(--bareeq-gold); font-size: 12px; letter-spacing: .16em; }
.bareeq-process-card h3 { margin: 48px 0 20px; font-size: clamp(26px, 2.3vw, 34px); }
.bareeq-process-card > p:last-child { color: var(--bareeq-muted); font-size: 16px; line-height: 2; }

.bareeq-faq details { border-bottom: 1px solid var(--bareeq-line); padding: 0; }
.bareeq-faq summary { padding: 27px 0; font-size: 19px; font-weight: 700; cursor: pointer; }
.bareeq-faq details p { color: var(--bareeq-muted); line-height: 1.95; margin: 0 0 28px; }

.bareeq-contact { background: radial-gradient(circle at 10% 50%, rgba(214,166,75,.1), transparent 32%), #070707; }
.bareeq-contact-grid { align-items: center !important; gap: clamp(45px, 8vw, 120px); }
.bareeq-contact-details { color: #c9c2b7; line-height: 2; }
.bareeq-wa-form { padding: clamp(25px, 4vw, 48px); border: 1px solid var(--bareeq-line); background: rgba(255,255,255,.025); display: grid; grid-template-columns: 1fr 1fr; gap: 20px 17px; }
.bareeq-wa-form label { color: var(--bareeq-muted); font-size: 13px; }
.bareeq-wa-form label span { display: block; margin-bottom: 8px; }
.bareeq-wa-form label:nth-child(3), .bareeq-wa-form label:nth-child(4), .bareeq-wa-form button { grid-column: 1 / -1; }
.bareeq-wa-form input, .bareeq-wa-form select, .bareeq-wa-form textarea { width: 100%; box-sizing: border-box; margin: 0; border: 1px solid rgba(255,255,255,.15); border-radius: 0; background: #0a0a09; color: white; padding: 14px; font: inherit; }
.bareeq-wa-form textarea { min-height: 120px; resize: vertical; }
.bareeq-wa-form button { min-height: 52px; border: 0; background: var(--bareeq-gold); color: #090704; font-weight: 700; cursor: pointer; }

.bareeq-footer { padding: 46px clamp(20px, 6vw, 104px) 28px; border-top: 1px solid rgba(255,255,255,.08); background: #050505; }
.bareeq-footer img { width: 190px; max-height: 85px; object-fit: contain; }
.bareeq-footer p { color: #8c857b; font-size: 12px; }

@media (max-width: 960px) {
  .bareeq-about > .wp-block-columns, .bareeq-heading-grid, .bareeq-team-layout, .bareeq-contact-grid { flex-wrap: wrap !important; }
  .bareeq-about > .wp-block-columns > *, .bareeq-heading-grid > *, .bareeq-team-layout > *, .bareeq-contact-grid > * { flex-basis: 100% !important; }
  .bareeq-team-intro { position: static; }
  .bareeq-sectors { grid-template-columns: repeat(2, 1fr); }
  .bareeq-process { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  .bareeq-header { padding: 10px 18px; }
  .bareeq-header .wp-block-image img { width: 138px; }
  .bareeq-hero { min-height: 760px; }
  .bareeq-hero-title { font-size: clamp(54px, 17vw, 82px) !important; }
  .bareeq-section { padding: 82px 20px; }
  .bareeq-strip .wp-block-columns { flex-wrap: nowrap !important; overflow-x: auto; }
  .bareeq-strip .wp-block-column { min-width: 145px; }
  .bareeq-service { flex-wrap: wrap !important; }
  .bareeq-service > * { flex-basis: 100% !important; }
  .bareeq-service figure { height: 220px; }
  .bareeq-value-grid, .bareeq-video-grid, .bareeq-team-grid { grid-template-columns: 1fr !important; }
  .bareeq-video-card:first-child { grid-column: auto; }
  .bareeq-sectors { grid-template-columns: 1fr; }
  .bareeq-team-card { min-height: 470px; }
  .bareeq-team-card-square { min-height: 0; }
  .bareeq-process-card { min-height: auto; padding: 34px 25px; }
  .bareeq-process-card h3 { margin-top: 34px; }
  .bareeq-wa-form { grid-template-columns: 1fr; }
  .bareeq-wa-form label, .bareeq-wa-form button { grid-column: 1 !important; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition: none !important; } }