/* ----------------------------------------------------------
   ADM NEWS — FEATURED IMAGE (UNIFIED WAM STYLE)
---------------------------------------------------------- */

@media (min-width: 992px) {

  .single .entry-thumbnail-area {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;

    background: #e5e5e5;
    overflow: hidden;
    border-radius: 2px;

    margin: 30px auto;

    cursor: url(https://abudhabimagazine.ae/wp-content/uploads/2026/01/icons8-zoom-in-24.png) 16 16, zoom-in;
  }

  /* ------------------------------------------------------
     BASE IMAGE BEHAVIOR (CLEAN + CONTAINED)
  ------------------------------------------------------ */

  .single .entry-thumbnail-area img {
    position: absolute;
    inset: 0;
    margin: auto;

    max-width: 100%;
    max-height: 100%;

    width: auto !important;
    height: auto !important;

    object-fit: contain;
    object-position: center;

    transform: none !important;

    z-index: 2;

    cursor: inherit;
  }

  /* ------------------------------------------------------
     LOGO / EMBLEM CONTROL (FIX OVERSIZED IMAGES)
  ------------------------------------------------------ */

  .single .entry-thumbnail-area img[width],
  .single .entry-thumbnail-area img[height] {
    max-width: 70%;
    max-height: 70%;
  }

  /* extra safeguard for SVG / wide logos */
  .single .entry-thumbnail-area img {
    max-inline-size: 100%;
  }
}

/* ----------------------------------------------------------
   POINTER EVENTS (SAFE ZOOM BEHAVIOR)
---------------------------------------------------------- */

.single .entry-thumbnail-area * {
  pointer-events: none;
}

.single .entry-thumbnail-area img {
  pointer-events: auto;
}

/* ----------------------------------------------------------
   ZOOM STATE
---------------------------------------------------------- */

.single .entry-thumbnail-area.zoom-active img {
  cursor: url(https://abudhabimagazine.ae/wp-content/uploads/2026/01/icons8-zoom-in-24.png) 16 16, zoom-out;
}


/* ----------------------------------------------------------
   UNIVERSAL THUMB BOX
---------------------------------------------------------- */

.adm-thumb-box {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background-color: #e5e5e5;
}


/* ----------------------------------------------------------
   ARCHIVE TITLES
---------------------------------------------------------- */

.archive .entry-title a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

@media (max-width: 767px) {
  .archive .entry-title a {
    -webkit-line-clamp: 2;
  }
}

@media (min-width: 768px) {
  .archive .entry-title a {
    -webkit-line-clamp: 3;
  }
}


/* ----------------------------------------------------------
   ARCHIVE FADE OVERLAY (DESKTOP)
---------------------------------------------------------- */

.archive .entry-text {
  position: relative;
}

.archive .entry-text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
  pointer-events: none;
}

@media (max-width: 1024px) {
  .archive .entry-text::after {
    display: none !important;
  }
}


/* ----------------------------------------------------------
   ARCHIVE CLEANUP
---------------------------------------------------------- */

.rt-cat-description,
.archive .post-read-more {
  display: none !important;
}

.archive .blog-box {
  align-items: flex-start;
  margin-bottom: 0 !important;
}

.archive .blog-box .entry-content {
  display: flex;
  flex-direction: column;
  gap: 10px;

  height: auto !important;
  padding-bottom: 0 !important;
}

.archive .blog-box .entry-text,
.archive .blog-box .entry-meta {
  margin: 0 !important;
}

/* ----------------------------------------------------------
   META ALIGN
---------------------------------------------------------- */

.entry-meta {
  display: flex;
  align-items: center;
}

.meta-share-item {
  margin-left: auto;
  display: flex;
  align-items: center;
}

/* ----------------------------------------------------------
   FLOATING SHARE (CLEAN — NO PANEL)
---------------------------------------------------------- */

.adm-floating-share {
  position: fixed;
  top: 40%;
  right: 12px;
  transform: translateY(-50%);

  background: none;
  border: none;
  padding: 0;

  display: none;
  z-index: 9999;
  cursor: pointer;

  -webkit-tap-highlight-color: transparent;
}

.adm-floating-share img {
  display: block;
  width: auto;
  height: auto;
  max-width: none;

  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

/* Mobile and Tablet */
@media (max-width: 1024px) {
  body.single .adm-floating-share {
    display: block;
  }

  .single .meta-share-item {
    display: none !important;
  }
}

/* ----------------------------------------------------------
   REMOVE TAP / CLICK HIGHLIGHT (ALL DEVICES)
---------------------------------------------------------- */

.adm-floating-share {
  -webkit-tap-highlight-color: transparent !important;
  outline: none !important;
  background: transparent !important;
}

.adm-floating-share:focus,
.adm-floating-share:active {
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Also protect the image inside */
.adm-floating-share img {
  -webkit-tap-highlight-color: transparent !important;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.adm-floating-share {
  appearance: none;
  -webkit-appearance: none;
}

.adm-floating-share {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}


/* ----------------------------------------------------------
   IMPORTANT: DO NOT TOUCH BACK-TO-TOP
---------------------------------------------------------- */

/* Ensure it's visible above floating button */
.scroll-wrap {
  z-index: 10000;
}

/* ----------------------------------------------------------
   DESKTOP SHARE BUTTON (FIXED WIDTH — PREMIUM LOOK)
---------------------------------------------------------- */

.single-share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center; /* center everything */

  width: 80px;            /* 👈 fixed width */
  height: 26px;

  gap: 6px;

  background: #e64946;
  color: #fff;

  border: 0;
  border-radius: 3px;

  font: 600 12px 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.6px;

  cursor: pointer;

  -webkit-tap-highlight-color: transparent;
}

/* Icon */
.single-share-btn img {
  width: 14px;
  height: 14px;
  display: block;
}

/* States */
.single-share-btn:hover,
.single-share-btn:focus,
.single-share-btn:active {
  background: #d73d3a;
  color: #fff;
  outline: none;
}

.single .main-wrap,
.single .entry-header,
.single .entry-content {
  overflow: visible !important;
}

.single-share-btn {
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.single-share-btn:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}

/* ----------------------------------------------------------
   RELATED POSTS (WAM-STYLE GRID — CLEAN)
---------------------------------------------------------- */

.rt-related-post {
    display: flex;
    flex-direction: column;
    gap: 12px; /* controls space between title + grid */
}

/* REMOVE EXTRA SPACE BELOW TITLE */
.rt-related-post .section-title {
    margin-bottom: 0;
    padding-bottom: 0;
}

.rt-related-post .related-title {
    margin-bottom: 8px;
}

/* GRID */
.adm-related-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px; /* tighter than 20px */
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .adm-related-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .adm-related-grid {
        grid-template-columns: 1fr;
    }
}

/* CARD */
.adm-related-grid .blog-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* IMAGE (4:3 like WAM) */
.adm-related-grid .blog-img {
    margin-bottom: 6px; /* 🔥 reduced gap image → title */
}

.adm-related-grid .blog-img img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
}

/* CONTENT */
.adm-related-grid .entry-content {
    display: flex;
    flex-direction: column;
    padding: 0;
}

/* TITLE */
.adm-related-grid .entry-title {
    font-size: 15px;
    line-height: 1.35;
    margin: 0 0 4px 0;

    /* 2-line clamp */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    overflow: hidden;
}

/* EXCERPT */
.adm-related-grid .entry-excerpt {
    position: relative;
    font-size: 13.5px;
    line-height: 1.5;
    color: #555;
    margin: 0;

    display: -webkit-box;
    -webkit-line-clamp: 8; /* shorter = cleaner grid */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* FADE (SUBTLE) */
.adm-related-grid .entry-excerpt::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
}

@media (max-width: 1024px) {
    .adm-related-grid .entry-excerpt::after {
        display: none;
    }
}

/* DATE */
.adm-related-grid .entry-date {
    margin-top: 6px;
    font-size: 12px;
    color: #888;
}