/*
Theme Name: Visit Visa UAE
Theme URI: https://visitvisauae.com/
Author: Visit Visa UAE
Description: Editorial travel and visa services theme for UAE visit visas, GCC resident visas, global visa support and Umrah packages.
Version: 2.4.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: visit-visa-uae
License: GPL-2.0-or-later
*/

/* ==========================================================================
   BASE / RESET LAYER
   This layer was missing from the WordPress port. assets/css/theme.css was
   authored as a component layer on top of a reset that never shipped, which
   is why the live site did not match the prototype.
   Loaded BEFORE theme.css so component rules always win.
   ========================================================================== */

*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  min-height: 100vh;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd { margin: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: 600; line-height: 1.1; }

/* :where() keeps this at zero specificity. Written as `ul[class]` it scored
   (0,1,1) and silently beat every class-based list rule in the theme, so
   margins and padding set on .inquiry-progress, .prechat-points,
   .section-links and friends were being thrown away. */
:where(ul[class]), :where(ol[class]) { list-style: none; margin: 0; padding: 0; }

a { color: inherit; text-decoration: none; }

/* Underline body-copy links only. Nav, breadcrumb and menu anchors carry no
   class in WordPress output, so an unscoped rule underlined the whole chrome. */
.article a:not([class]),
.entry-content a:not([class]),
.legal-body a:not([class]),
.body-copy a:not([class]) { text-decoration: underline; text-underline-offset: 3px; }

img, picture, svg, video, canvas, iframe {
  max-width: 100%;
  display: block;
}

img { height: auto; }

button, input, select, textarea, optgroup {
  font: inherit;
  color: inherit;
  margin: 0;
}

button { background: none; border: 0; cursor: pointer; }

button, [type="button"], [type="submit"], [type="reset"] {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}

input, select, textarea {
  border-radius: 0;
  max-width: 100%;
}

textarea { resize: vertical; }

table { border-collapse: collapse; width: 100%; }

hr { border: 0; border-top: 1px solid var(--line, #d9ded5); margin: 2rem 0; }

:focus-visible { outline: 2px solid var(--saffron, #e5a52b); outline-offset: 3px; }

/* WordPress core alignment + caption classes */
.alignleft  { float: left;  margin: 0 1.5rem 1rem 0; }
.alignright { float: right; margin: 0 0 1rem 1.5rem; }
.aligncenter { display: block; margin-inline: auto; }
.alignwide, .alignfull { max-width: 100%; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 13px; color: var(--muted, #66716c); margin-top: 8px; }
.sticky, .gallery-caption, .bypostauthor { display: block; }

.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 999;
  padding: 12px 18px;
  background: var(--ink, #17201e);
  color: var(--bone, #f7f3ea);
}
.skip-link:focus { left: 8px; top: 8px; }