/*Custom CSS*/
/*Primary Color #164f3f      rgb(22 79 63)   */
/*Secondary Color #279989    rgb(39 153 137) */
:root {
  --uk-color-primary: #164f3f;
  --uk-color-primary-hover: #1f6b54;
  --uk-color-primary-active: #123f32;
}
:root {
  --uk-color-secondary: #279989;
  --uk-color-secondary-hover: #279989;
  --uk-color-secondary-active: #279989;
}
  :root{
    --brand: #164f3f; /* your primary */
  }
.uk-card-primary{background:#164f3f !important}
.uk-card-primary p,
.uk-card-primary h1,
.uk-card-primary h2,
.uk-card-primary h3,
.uk-card-primary h4,
.uk-card-primary h5,
.uk-card-primary h6{
	color:#fff !important;
	
}

.uk-padding-remove-top{padding-top:0 !important;}


.uk-card-secondary{background:#279989 !important}
em,h1,h2,h3,h4,h5,h6
{
    color: #164f3f;
}
.uk-alert.uk-alert-success{
	background: #279989 !important;
	
}

.uk-alert.uk-alert-warning{
	background: #279989 !important;
	color:#fff !important;
	
}

.uk-h1,h1 {
    font-size: 2.23125rem;
    line-height: 1.2;
}

.uk-h2,h2 {
    font-size: 1.7rem;
    line-height: 1.3;
}

.uk-h3,h3 {
    font-size: 1.5rem;
    line-height: 1.4;
}

.uk-h4,h4 {
    font-size: 1.25rem;
    line-height: 1.4;
}

.uk-h5,h5 {
    font-size: 16px;
    line-height: 1.4;
}

.uk-h6,h6 {
    font-size: .875rem;
    line-height: 1.4;
}

.uk-text-white,
a.uk-text-white,
.__psc a.__pfs.uk-text-white{color:#fff} /*Force text and links to be white*/


/*Slideshow*/
  .slideshow-max {
    max-height: 350px;
    overflow: hidden;
  }





/*Desktop Menu Customizations*/
a.flex.items-center.py-3.vg-ABPxuz.tracking-normal.vg-ADmWBb.vg-FxVeKg.vg-HfXUxZ.vg-HYUKrF.vg-CpXhhn.vg-COpFHb.vg-BZseUU.vg-DaoVMo.vg-CsSZSI.vg-GJWSRQ.vg-FGeRJv.vg-EAddDa.vg-BIYajD{
	font-size:13px;
	
}
/* the top bar that contains the close button */
.header__burguer-menu-sidebar-close-button {
  position: relative; /* ensures z-index behaves if needed */
}

/* the wrapper div from your snippet */
.flex.flex-wrap.w-full.justify-start.flex-no-grow.vg-HoUVfZ.vg-EjiZOx{
  position: relative; /* anchor for absolute positioning */
}

.flex.flex-wrap.w-full.justify-start.flex-no-grow.vg-HoUVfZ.vg-EjiZOx::before{
  content: "";
  position: absolute;

  /* place it where your red circle is */
  top: 23px;          /* tweak */
  right: 0;          /* tweak */
  transform: translateX(-50%);

  width: 34px;        /* tweak */
  height: 34px;       /* tweak */

  background: url("https://pub-1fd96c14f51e448183157abeffe8c57a.r2.dev/3_colour_leaf.svg")
              no-repeat center / contain;

  pointer-events: none; /* don’t block clicks */
  z-index: 2;
}

.vg-HoUVfZ{
	border-bottom: 1px solid #164f3f !important;
	
}




/*Test code https://www.cyprusairways.com/en/additional-flight-services*/




  /* Optional: brand feel without touching header/footer */
  .ancillaries-wrap{
    max-width: 1080px;
    margin: 0 auto;
  }

  .anc-hero{
    border-radius: 12px;
    overflow: hidden;
  }

  .anc-hero img{
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
  }

  /* light “paper” look like your old background */
  .anc-card{
    border-radius: 14px;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .06);
  }

  /* Make UIkit primary look like your brand (works with your var override too) */
  .uk-button-primary,
  .uk-label-primary{
    background: var(--brand);
  }
  .uk-text-primary{
    color: var(--brand) !important;
  }

  /* Give tabs a nicer wrap on mobile */
  .anc-tabs > li > a{
    padding-top: 10px;
    padding-bottom: 10px;
  }

  /* Tables: keep them neat */
  .anc-table-wrap{
    overflow: auto;
    border: 1px solid rgba(34, 45, 41, .12);
    border-radius: 12px;
  }

  .anc-note{
    font-size: 12px;
    color: rgba(22, 79, 63.0.7);
  }

  .anc-disclaimer{
    font-size: 11px;
    color: rgb(39, 153, 137);
	color:#fff;
  }

ul.anc-tabs li{list-style-type:none;}
h3.__pfs.uk-heading-bullet.uk-text-primary.__bss.__pfs{
	color:#164f3f !important;
	
}
.__pfs.uk-alert.uk-alert-primary.uk-border-rounded.__bss.__pfs{
	background:  rgba(22, 79, 63,0.7);
	color:#fff;
	
}
.__pfs.uk-alert.uk-alert-primary.uk-border-rounded.__bss.__pfs p{
	color:#fff !important;
	
}


ul.__pfs.uk-tab.anc-tabs li a{
	border:1px solid #164f3f;
	
}
ul.__pfs.uk-tab.anc-tabs li a:hover{
	border:1px solid #164f3f;
	background:#164f3f;
	color:#fff;
	text-decoration:none;
	
}
ul.__pfs.uk-tab.anc-tabs li.uk-active a{
	border:1px solid #164f3f;
	background:#164f3f;
	color:#fff;	
	
}
/* 3 per row on tablet/desktop, 1 per row on mobile */
.anc-tabs{
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;                 /* remove uk-tab negative margin behavior */
  gap: 10px;                      /* spacing between "buttons" */
}

/* default (mobile): 1 per row */
.anc-tabs > li{
  width: 100%;
  padding-left: 0;                /* cancels uk-tab spacing */
}

.anc-tabs > li > a{
  width: 100%;
  text-align: center;
  padding: 12px 14px;
  border-radius: 12px;
  white-space: normal;            /* allow long labels to wrap */
}

/* tablet + desktop: 3 per row */
@media (min-width: 640px){
  .anc-tabs > li{
    width: calc((100% - (10px * 2)) / 3); /* 3 items + 2 gaps */
  }
}
  /* Make the card-grid act as the switcher nav */
  .anc-switcher-nav a { text-decoration: none; }

  /* Active state (when the corresponding switcher item is active) */
  .anc-switcher-nav .uk-active .uk-card{
    border-color: rgba(22,79,63,.55);
    box-shadow: 0 10px 22px rgba(15,23,42,.10);
  }
  .anc-switcher-nav .uk-active .uk-card .uk-card-title{
    color: #164f3f;
  }

  /* Optional: tighter cards */
  .anc-switcher-nav .uk-card{ border-radius: 12px; }
  
  span.__pfs.uk-label.uk-label-success.uk-margin-small-bottom.__bss.__pfs,
  span.__pfs.uk-label.uk-margin-small-bottom.__bss.__pfs,
  span.__pfs.uk-label.uk-label-warning.uk-margin-small-bottom.__bss.__pfs,
  span.__pfs.uk-label.uk-label-danger.uk-margin-small-bottom.__bss.__pfs{
	  background-color:#164f3f;
	  color:#fff;
	  
  }
  
 ul#anc-switcher.__pfs.uk-switcher.__bss.__pfs li{
	 list-style-type: none;
	 
 }
 ul#anc-switcher b.__pfs.__bss.__pfs{color:#fff;}
 
 

  /* ===== Switcher nav cards ===== */
  .anc-switcher-nav a { text-decoration: none; }

  .anc-switcher-nav .uk-active .uk-card{
    border-color: rgba(22,79,63,.55);
    box-shadow: 0 10px 22px rgba(15,23,42,.10);
  }
  .anc-switcher-nav .uk-active .uk-card .uk-card-title{
    color: #164f3f;
  }

  /* ===== Tables: equal cols on tablet/desktop, stacked on mobile ===== */
  @media (min-width: 640px){
    .anc-cols-equal col{ width:33.33%; }
  }

  @media (max-width: 639px){
    .anc-table{ table-layout: auto; }
    .anc-table thead{ display:none; }

    .anc-table tr{
      display:block;
      border: 1px solid rgba(0,0,0,.08);
      border-radius: 10px;
      padding: 10px 12px;
      margin-top: 10px;
      background: #fff;
    }

    .anc-table td{
      display:flex;
      justify-content: space-between;
      gap: 12px;
      padding: 6px 0;
      border: 0;
    }

    .anc-table td::before{
      content: attr(data-label);
      font-weight: 700;
      color: #164f3f;
      flex: 0 0 42%;
    }
  }

   /* Optional: highlight active card (because grid is acting like switcher nav) */
  .anc-switcher-nav a { text-decoration: none; }
  .anc-switcher-nav .uk-card { transition: box-shadow .15s ease, transform .15s ease, border-color .15s ease; }
  .anc-switcher-nav .uk-active .uk-card {
    border-color: rgba(22,79,63,.55);
    box-shadow: 0 10px 22px rgba(15, 23, 42, .10);
    transform: translateY(-1px);
  }

  /* Responsive table helper (uses your data-label attributes) */
  @media (max-width: 639px) {
    .anc-table thead { display: none; }
    .anc-table,
    .anc-table tbody,
    .anc-table tr,
    .anc-table td { display: block; width: 100%; }
    .anc-table tr { border-top: 1px solid rgba(0,0,0,.08); padding: 8px 0; }
    .anc-table td { padding: 8px 0; }
    .anc-table td::before {
      content: attr(data-label);
      display: block;
      font-weight: 700;
      margin-bottom: 2px;
    }
  }
 .uk-alert.uk-alert-success li,
  .uk-alert.uk-alert-success li b,
    .uk-alert.uk-alert-success li em{
	color:#fff !important;
	
}

.uk-alert.uk-alert-warning p.__pfs.__bss.__pfs{

	color:#fff;
	
}
.anc-switcher-page .__psc h4.__pfs{color:#fff !important;}
.anc-switcher-page h3.uk-h4.__bss.__pfs,
.anc-switcher-page h3.__bss.__pfs{
	font-size: 1.25rem !important;
    line-height: 1.4 !important;
	
}

.anc-switcher-page .__pfs.uk-card-body.__bss.__pfs{
	padding:15px;
	
}
.anc-switcher-page tr.__pfs.__bss.__pfs {
    padding: 0 10px;
}  
/*END https://www.cyprusairways.com/en/additional-flight-services*/




/*Our Fleet START*/
.our-fleet.our-fleet-content ul.__bss li.__pfs.__bss{list-style-type: none !important;}

.our-fleet.our-fleet-content ul.__bss li.uk-active a{color:#fff; text-decoration:none;background:#164f3f;}
.our-fleet.our-fleet-content ul.__bss li.uk-active a:hover{color:#fff}
.our-fleet.our-fleet-content ul.__bss li.uk-active a:focus{color:#fff}
.our-fleet.our-fleet-content ul.__bss li .seat-map img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.__pfs.uk-card.uk-card-default.uk-card-body.seat-map.__bss.__pfs a{background:none;}
/*Our Fleet END*/



/*Tastes in the sky START*/
.tastes-in-the-sky.tastes-in-the-sky-section-1 .uk-button-large {

    line-height: 53px !important;
}
.__psc a.__pfs.uk-text-white:hover,
.__psc a.__pfs.uk-text-white:focus,
.__psc a.__pfs.uk-text-white:active{color:#fff;background:#279989;text-decoration:none; } 	
.__psc a.__pfs.uk-text-white:visited{background:#164f3f;color:#fff;}

.tastes-in-the-sky ul.__pfs li.__pfs.__bss{list-style-type: none;}

.tastes-in-the-sky .uk-card, .uk-card img { transition: all 0.4s ease-in-out; }
.tastes-in-the-sky .uk-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.tastes-in-the-sky .uk-card:hover img { transform: scale(1.05); }
/*Tastes in the sky END*/