/* Freezone page: clickable emirate cards + sub-type panel */

/* --- clickable cards --- */
.c9-fz-card{cursor:pointer;-webkit-tap-highlight-color:transparent}
.c9-fz-card:focus-visible{outline:3px solid #DA8A00;outline-offset:-3px}
.c9-fz-card > .elementor-widget-wrap{transition:background .3s ease}
.c9-fz-card .elementor-icon-box-title{transition:color .3s ease}
.c9-fz-card .elementor-icon-box-title::after{
  content:"";display:block;width:9px;height:9px;margin:10px auto 0;
  border-right:2px solid #122F71;border-bottom:2px solid #122F71;
  transform:rotate(45deg);transition:transform .3s ease,border-color .3s ease;
}
.c9-fz-card.is-active > .elementor-widget-wrap{background:#122F71}
.c9-fz-card.is-active .elementor-icon-box-title{color:#fff !important}
.c9-fz-card.is-active .elementor-icon-box-title::after{
  border-color:#fff;transform:rotate(225deg) translate(-3px,-3px);
}

/* --- sub-type panel --- */
.c9-fz-panel{
  flex:0 0 100%;width:100%;box-sizing:border-box;
  background:#F6F6F6;border-top:3px solid #122F71;
  padding:30px 30px 34px;scroll-margin-top:110px;
  animation:c9FzOpen .35s ease both;
}
.c9-fz-panel[hidden]{display:none}
@keyframes c9FzOpen{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.c9-fz-panel__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.c9-fz-panel .c9-fz-panel__title{
  margin:0 !important;color:#122F71 !important;font-family:"PT Sans",sans-serif !important;
  font-size:22px !important;font-weight:700 !important;text-transform:uppercase;line-height:1.4 !important;
}
.c9-fz-panel button.c9-fz-panel__close{
  flex:none;width:34px;height:34px;border:1px solid #CACACA !important;border-radius:50%;
  background:#fff !important;color:#122F71 !important;font-size:20px;line-height:1;cursor:pointer;
  transition:background .2s,color .2s;padding:0 !important;
}
.c9-fz-panel button.c9-fz-panel__close:hover,.c9-fz-panel button.c9-fz-panel__close:focus-visible{
  background:#122F71 !important;color:#fff !important;
}
.c9-fz-list{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;
}
.c9-fz-list li{
  margin:0;padding:12px 16px 12px 12px;background:#fff;border:1px solid #E1E1E1;
  border-left:4px solid #DA8A00;color:#122F71;
  display:flex;align-items:center;gap:14px;
  font-family:"PT Sans",sans-serif;font-size:17px;font-weight:600;line-height:1.35;
  box-shadow:0 2px 8px rgba(0,0,0,.05);
}
.c9-fz-name{flex:1;min-width:0}
.c9-fz-logo{
  position:relative;flex:none;width:124px;height:88px;box-sizing:border-box;
  display:flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid #ECECEC;border-radius:4px;padding:6px;overflow:hidden;
}
.c9-fz-logo img{display:block;position:absolute;inset:6px;width:calc(100% - 12px) !important;height:calc(100% - 12px) !important;max-width:none;object-fit:contain}
.c9-fz-logo__badge{
  color:#122F71;font-size:13px;font-weight:700;letter-spacing:.5px;text-align:center;line-height:1.15;
  word-break:break-word;
}
.c9-fz-logo.has-img .c9-fz-logo__badge{display:none}
.c9-fz-note{margin:0;color:#252628;font-family:"PT Sans",sans-serif;font-size:17px;line-height:1.6}
.c9-fz-note a{color:#122F71;font-weight:700;text-decoration:underline}

@media (max-width:767px){
  .c9-fz-panel{padding:22px 16px 26px}
  .c9-fz-panel .c9-fz-panel__title{font-size:18px !important}
  .c9-fz-list{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .c9-fz-panel{animation:none}
  .c9-fz-card > .elementor-widget-wrap,.c9-fz-card .elementor-icon-box-title,
  .c9-fz-card .elementor-icon-box-title::after{transition:none}
}