/*
  Theme Name: Yaqoot
  Theme URI: https://yaqootsea.com
  Author: Yaqoot Al-Bahr Co.
  Author URI: https://yaqootsea.com
  Description: قالب اختصاصی شرکت یاقوت البحر
  Version: 1.0.0
  Text Domain: yaqoot
*/

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/poppinsRegular.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/poppinsMedium.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/poppinsSemiBold.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --primary: 15 23 42;
}

body {
  font-family: 'Poppins', system-ui, sans-serif;
}

a[aria-current] {
  color: #c39542;
}

a[aria-current] span {
  border-bottom: 2px solid #c39542;
}

.tail-container {
  overflow-x: hidden;
}

.section-padding {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.map-container {
  background-image: url(images/map.png);
  background-size: cover;
  background-position: center;
}

.card-hover {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-hover:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

.fa-gold {
  color: #c39542;
}

.hero-slider {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.slider-track {
  display: flex;
  width: 100%;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
}

.slider-slide {
  flex: 0 0 100%;
  width: 100%;
  min-height: 500px;
}

@media (max-width: 640px) {
  .slider-slide {
    min-height: 550px;
  }
}

@media (max-width: 768px) {
  .slider-slide {
    min-height: 650px;
  }
}

.text-center.w-28.h-28.rounded-full.shadow.inline-block {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.text-center.w-28.h-28.rounded-full.shadow.inline-block:hover {
  transform: scale(1.2);
  box-shadow: 0px 0px 6px 3px #d3d3d3;
  cursor: pointer;
}

.social-icon {
  transition: all 0.2s ease-in-out;
}

.social-icon:hover {
  transform: translateY(-5px);
}

.w-5.h-5.bg-red-500.rounded-full.animate-pulse {
  border-bottom-right-radius: 5%;
  rotate: 45deg;
}

.step-number {
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.partner-slider-wrapper.overflow-hidden {
  padding-top: 48px;
  padding-bottom: 48px;
}

.page-content h2,
.post-content h2,
.prose h2 {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  margin-top: 2rem !important;
  margin-bottom: 1rem !important;
  padding-bottom: 0.5rem !important;
}

.page-content h3,
.post-content h3,
.prose h3 {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0.75rem !important;
  color: #1f2937 !important;
}

.w-56.h-56.bg-gradient-to-br.from-amber-400.to-amber-600.rounded-full.flex.items-center.justify-center.shadow-2xl {
  animation: pulse 1.5s infinite;
}

a.flex.items-center.shrink-0 img {
    width: 74px;
}

/* =========================================================
   Brand Palette — Deep Navy + Matte Gold/Copper
   ========================================================= */
:root {
  --yaqoot-navy: #0b1a35;
  --yaqoot-navy-light: #16294f;
  --yaqoot-navy-dark: #060f1f;
  --yaqoot-gold: #c39542;
  --yaqoot-gold-light: #e2c26a;
  --yaqoot-gold-dark: #8a6a2f;
}

/* Primary dark surfaces (buttons, top bar, footer borders, headings) -> Navy */
.bg-slate-900        { background-color: var(--yaqoot-navy) !important; }
.hover\:bg-slate-800:hover { background-color: var(--yaqoot-navy-light) !important; }
.border-slate-800    { border-color: var(--yaqoot-navy-light) !important; }
.from-slate-900      { --tw-gradient-from: var(--yaqoot-navy) !important; }
.text-slate-900      { color: var(--yaqoot-navy) !important; }
.text-slate-800      { color: var(--yaqoot-navy-light) !important; }

/* Amber accents -> Gold/Copper (kept close to the existing #c39542 brand gold) */
.bg-amber-500        { background-color: var(--yaqoot-gold) !important; }
.bg-amber-50         { background-color: #f6efe0 !important; }
.text-amber-600      { color: var(--yaqoot-gold) !important; }
.text-amber-700      { color: var(--yaqoot-gold-dark) !important; }
.border-amber-100    { border-color: #ecdcb8 !important; }
.border-amber-200    { border-color: #e2c790 !important; }
.border-amber-300    { border-color: var(--yaqoot-gold-light) !important; }
.from-amber-400      { --tw-gradient-from: var(--yaqoot-gold) !important; }
.to-amber-600        { --tw-gradient-to: var(--yaqoot-gold-dark) !important; }
.from-amber-100      { --tw-gradient-from: #f6efe0 !important; }

/* Process-section heading color (was emerald-900) -> Navy */
.text-emerald-900    { color: var(--yaqoot-navy) !important; }

/* Stray blue hover states -> Gold tint, to stay on-brand */
.hover\:bg-blue-50:hover { background-color: #f6efe0 !important; }

/* =========================================================
   WordPress Editor Standards (alignment, captions, gallery)
   Applied inside real post/page content so classic-editor
   formatting (image alignment, captions, [gallery]) works
   the same as it does in native WordPress themes.
   ========================================================= */
.post-content, .prose, .page-content {
  text-align: justify;
}

.post-content::after, .prose::after, .page-content::after {
  content: "";
  display: table;
  clear: both;
}

.post-content .alignleft, .prose .alignleft, .page-content .alignleft,
.post-content img.alignleft, .prose img.alignleft, .page-content img.alignleft {
  float: left;
  margin: 0.4em 1.5em 1em 0;
}

.post-content .alignright, .prose .alignright, .page-content .alignright,
.post-content img.alignright, .prose img.alignright, .page-content img.alignright {
  float: right;
  margin: 0.4em 0 1em 1.5em;
}

.post-content .aligncenter, .prose .aligncenter, .page-content .aligncenter,
.post-content img.aligncenter, .prose img.aligncenter, .page-content img.aligncenter {
  display: block;
  float: none;
  clear: both;
  margin: 1.5em auto;
}

.post-content .alignnone, .prose .alignnone, .page-content .alignnone {
  margin: 0.5em 0;
}

.post-content img, .prose img, .page-content img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
}

/* Captions (classic editor "Add caption" + [caption] shortcode) */
.post-content .wp-caption, .prose .wp-caption, .page-content .wp-caption {
  max-width: 100%;
}
.post-content .wp-caption img, .prose .wp-caption img, .page-content .wp-caption img {
  display: block;
  margin: 0;
}
.post-content .wp-caption-text, .prose .wp-caption-text, .page-content .wp-caption-text,
.post-content .wp-caption-dd, .prose .wp-caption-dd, .page-content .wp-caption-dd {
  text-align: center;
  font-size: 0.85em;
  color: #6b7280;
  margin-top: 0.5em;
  padding: 0;
}

/* Classic [gallery] shortcode */
.post-content .gallery, .prose .gallery, .page-content .gallery {
  display: grid;
  gap: 1rem;
  margin: 1.5em 0;
  list-style: none;
  padding: 0;
}
.post-content .gallery-columns-1, .prose .gallery-columns-1, .page-content .gallery-columns-1 { grid-template-columns: repeat(1, 1fr); }
.post-content .gallery-columns-2, .prose .gallery-columns-2, .page-content .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); }
.post-content .gallery-columns-3, .prose .gallery-columns-3, .page-content .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); }
.post-content .gallery-columns-4, .prose .gallery-columns-4, .page-content .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); }
.post-content .gallery-columns-5, .prose .gallery-columns-5, .page-content .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); }
.post-content .gallery-columns-6, .prose .gallery-columns-6, .page-content .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); }
.post-content .gallery-columns-7, .prose .gallery-columns-7, .page-content .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); }
.post-content .gallery-columns-8, .prose .gallery-columns-8, .page-content .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); }
.post-content .gallery-columns-9, .prose .gallery-columns-9, .page-content .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); }
.post-content .gallery-item, .prose .gallery-item, .page-content .gallery-item { margin: 0; }
.post-content .gallery-icon img, .prose .gallery-icon img, .page-content .gallery-icon img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
}
.post-content .gallery-caption, .prose .gallery-caption, .page-content .gallery-caption {
  font-size: 0.8rem;
  color: #6b7280;
  text-align: center;
  margin-top: 0.4rem;
}

/* Block-editor gallery/image markup, kept for compatibility */
.post-content .wp-block-gallery, .prose .wp-block-gallery, .page-content .wp-block-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  list-style: none;
  padding: 0;
  margin: 1.5em 0;
}
.post-content .wp-block-image, .prose .wp-block-image, .page-content .wp-block-image { margin: 0; }
.post-content .wp-block-image figcaption, .prose .wp-block-image figcaption, .page-content .wp-block-image figcaption {
  font-size: 0.8rem;
  color: #6b7280;
  text-align: center;
  margin-top: 0.4rem;
}

/* Blockquote + table baseline */
.post-content blockquote, .prose blockquote, .page-content blockquote {
  border-right: 4px solid var(--yaqoot-gold);
  padding: 0.75em 1.25em;
  margin: 1.5em 0;
  background: #f8f7f4;
  font-style: italic;
  color: #475569;
}
.post-content table, .prose table, .page-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5em 0;
}
.post-content table th, .post-content table td,
.prose table th, .prose table td,
.page-content table th, .page-content table td {
  border: 1px solid #e5e7eb;
  padding: 0.6em 1em;
  text-align: right;
}
.post-content table th, .prose table th, .page-content table th {
  background: #f8f7f4;
  font-weight: 700;
}

/* =========================================================
   Content copy-protection (deters casual copying; not a
   security measure — view-source/devtools can bypass it)
   ========================================================= */
body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
input, textarea, [contenteditable="true"] {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

/* =========================================================
   Logo safety-net: never render a frame/box around the logo
   from theme CSS (if a box is still visible it comes from the
   uploaded logo image file itself, not from the theme code)
   ========================================================= */
a.flex.items-center.shrink-0 img,
.site-footer img {
  border: none;
  background: transparent;
  box-shadow: none;
  padding: 0;
  border-radius: 0;
}

/* Subtle icon/button interaction polish */
.fas, .far, .fab { transition: transform 0.2s ease, color 0.2s ease; }
a:hover > .fas, a:hover > .far, a:hover > .fab,
button:hover > .fas, button:hover > .far, button:hover > .fab {
  transform: translateX(-2px) scale(1.05);
}

/* Contact form file input button (plain CSS, no Tailwind build step needed) */
.yaqoot-file-input::-webkit-file-upload-button,
.yaqoot-file-input::file-selector-button {
  margin-left: 1rem;
  padding: 0.5rem 1rem;
  border: 0;
  border-radius: 6px;
  background: var(--yaqoot-gold);
  color: #fff;
  cursor: pointer;
  transition: background 0.2s ease;
}
.yaqoot-file-input::-webkit-file-upload-button:hover,
.yaqoot-file-input::file-selector-button:hover {
  background: var(--yaqoot-gold-dark);
}