/*
Theme Name: GetUsOnTheNet.com - Critchlow
Template: honeycomb
Description: Custom child theme for Critchlow Estate Agents by GetUsOnTheNet.com
Author: GetUsOnTheNet.com
Version: 1.0
*/

/* Custom styles go below this line *//*/* ============================================================
   Critchlow: top-left diagonal ribbons – final working version
   ============================================================ */

/* Make sure property images can host the ribbon */
.propertyhive .property,
.propertyhive-archive .property,
.propertyhive .property .thumbnail,
.propertyhive .images {
  position: relative;
  overflow: hidden;
}

/* Ribbon appearance */
.flag {
  position: absolute !important;
  left: -26px !important;   /* top-left corner, moved 20px further right */
  right: auto !important;
  top: 82px !important;     /* lowered for perfect placement */
  transform: rotate(-45deg);
  transform-origin: 0 0;
  width: 150px;             /* ribbon length across corner */
  padding: 4px 0 !important;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  z-index: 5;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
  pointer-events: none;
}

/* Smaller on mobile */
@media (max-width: 600px) {
  .flag {
    left: -20px !important;
    top: 70px !important;
    width: 130px;
    font-size: 11px;
    padding: 3px 0 !important;
  }
}

/* ------------------------------------------------------------
   Colours
   ------------------------------------------------------------ */

/* Default fallback – grey */
.flag {
  background: #6b6b6b !important;
  color: #fff !important;
}

/* Green for For Sale / To Let / Available */
.flag.flag-for-sale,
.flag.flag-to-let,
.flag.flag-available {
  background: #193823 !important;  /* Critchlow green */
  color: #fff !important;
}

/* Bright red for Sold / Let / Let By / Let Agreed */
.flag.flag-sold,
.flag.flag-sold-stc,
.flag.flag-let,
.flag.flag-letby,
.flag.flag-let-agreed,
.flag.flag-let-by {
  background: #dd3333 !important;  /* bright red */
  color: #fff !important;
}

/* Extra: override any inline colours from Property Hive */
.flag[style*="background:#dd3333"],
.flag[style*="bac*]()