/* ----------------------------------------------------------------------------
   Fonts (one request) + Locale-aware typography
---------------------------------------------------------------------------- */
/* 1) Φόρτωσε και τα δύο fonts σε ένα request */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Quicksand:wght@300;400;500;600;700&display=swap');

:root{
  --c-primary:   #5e5e56;  /* το βασικό σου χρώμα */
  --c-secondary: #deb774;  /* το δευτερεύον */
  --c-on-primary:#ffffff;  /* κείμενο πάνω σε primary */
  --c-on-secondary:#111111;
}

/* 2) Ορισμός locale μεταβλητής */
html:lang(en){ --app-font: 'Quicksand', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
html:lang(el){ --app-font: 'Open Sans',  system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }

/* 3) Εφάρμοσε ΠΑΝΤΟΥ τη γραμματοσειρά (υπερισχύει του UIkit) */
html, body,
h1,h2,h3,h4,h5,h6,
.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,
[class^="uk-heading-"], [class*=" uk-heading-"],
p, a, small, strong, em, span, div, li, dt, dd, label,
button, input, select, textarea,
blockquote, figcaption, code, pre,
table, th, td {
  font-family: var(--app-font) !important;
}

/* Links inherit color from context */
a{ color:inherit !important; }

/* ----------------------------------------------------------------------------
   UIkit additions
---------------------------------------------------------------------------- */
.uk-button-booking-blue{ background-color:#003580 !important; }
.uk-text-booking-light-blue{ color:#2fa9e0 !important; }

/* Background helpers */
.uk-background-white{ background-color:#fff; }
.uk-background-black{ background-color:#000; }
.uk-background-transparent{ background-color:transparent !important; }

/* Text color helpers */
.uk-text-white{ color:#fff !important; }
.uk-text-black{ color:#000 !important; }

/* Opacity helpers */
.uk-opacity-10{opacity:.1}.uk-opacity-20{opacity:.2}.uk-opacity-30{opacity:.3}
.uk-opacity-40{opacity:.4}.uk-opacity-50{opacity:.5}.uk-opacity-60{opacity:.6}
.uk-opacity-70{opacity:.7}.uk-opacity-80{opacity:.8}.uk-opacity-90{opacity:.9}

/* Z-index helpers */
.uk-position-z-index-10{z-index:10}
.uk-position-z-index-100{z-index:100}
.uk-position-z-index-1000{z-index:1000}

/* ----------------------------------------------------------------------------
   UIkit overrides
---------------------------------------------------------------------------- */
.uk-text-small{font-size:0.75rem!important;}
.uk-text-smaller{font-size:0.675rem!important;}

/* Position tweak */
.uk-position-top-right{ top:-5px !important; right:-25px !important; }

/* Divider */
.uk-divider-small::after{
  width:40px !important;
  border-top:5px solid var(--c-secondary) !important;
}

/* Dotnav */
.uk-dotnav>*>*{
  width:20px !important; height:5px !important; border:none !important;
  border-radius:0 !important; background:rgba(94,94,86,.2);
  transition-property: width, background-color;
}
.uk-dotnav>*>*:hover{ background:rgba(94,94,86,1); }
.uk-dotnav>.uk-active>*{ width:40px !important; background-color:var(--c-secondary); }

/* ----------------------------------------------------------------------------
   Off-canvas (global light look)
---------------------------------------------------------------------------- */
.uk-offcanvas-bar{ background:#fff !important; color:#111 !important; }
.uk-offcanvas-bar .uk-nav-header{ color:#111 !important; }
.uk-offcanvas-bar .more{ font-weight:600; color:#ddd !important; border:2px dashed #ddd !important; }

/* Close button */
.uk-offcanvas-close, .uk-offcanvas-bar .uk-close{ color:rgba(0,0,0,.55) !important; }
.uk-offcanvas-close:hover, .uk-offcanvas-bar .uk-close:hover{ color:rgba(0,0,0,.75) !important; }

/* Links */
.uk-offcanvas-bar .uk-nav.uk-nav-default>li>a{ color:#111 !important; }
.uk-offcanvas-bar .uk-nav.uk-nav-default>li>a:hover{ color:#111 !important; background:rgba(0,0,0,.04); }

/* Muted text in off-canvas (wins over UIkit’s dark defaults) */
#navigation .uk-offcanvas-bar .uk-text-muted{ color:rgba(0,0,0,.5) !important; }

/* UIkit caret (if you use the UL variant with pseudo-element) */
.uk-offcanvas-bar .uk-nav-parent-icon>li.uk-parent>a::after{ opacity:.7; }
.uk-offcanvas-bar .uk-nav-parent-icon>li.uk-parent.uk-open>a::after{ opacity:1; }
.uk-offcanvas-bar .uk-nav-parent-icon>li.uk-parent>a{ padding-right:18px; }

/* HR / divider inside off-canvas */
#navigation .uk-offcanvas-bar hr,
#navigation .uk-offcanvas-bar .uk-hr{
  border:0; border-top:1px solid rgba(0,0,0,.14) !important;
  margin:12px 0; width:100%;
}

/* ----------------------------------------------------------------------------
   Modular Pages
---------------------------------------------------------------------------- */
#_about .uk-slideshow-nav, #_location .uk-slideshow-nav{ bottom:-30px !important; }