/* WoWForever Guild Board – featured guild, public, GeneratePress compatible */


.wffgb-wrap .wffgb-card.wffgb-card-featured {


  position:relative; isolation:isolate; overflow:visible;


  border:2px solid #efa92e !important;


  background:#23272f;


  box-shadow:0 0 0 1px rgba(255,201,85,.32),0 0 10px 2px rgba(241,161,35,.48),inset 0 0 13px rgba(241,161,35,.08) !important;


}


.wffgb-wrap .wffgb-card.wffgb-card-featured:hover {


  box-shadow:0 0 0 1px rgba(255,201,85,.55),0 0 17px 3px rgba(241,161,35,.65),inset 0 0 13px rgba(241,161,35,.12) !important;


}


.wffgb-featured-ribbon {


  position:absolute;z-index:30;top:17px;left:-40px;width:193px;


  display:flex;align-items:center;justify-content:center;gap:6px;


  padding:9px 3px;transform:rotate(-36deg);


  background:linear-gradient(180deg,#ffe79a 0%,#f7b932 46%,#e39a19 100%);


  color:#251705 !important;font-family:inherit;font-size:11px;font-weight:900;


  line-height:1.25;letter-spacing:.1px;text-align:center;


  box-shadow:0 3px 8px rgba(0,0,0,.48);pointer-events:none;


}


.wffgb-featured-ribbon svg {width:15px;height:15px;flex:none;fill:#271803;stroke:#271803;stroke-width:1.4}


.wffgb-wrap .wffgb-card.wffgb-card-featured .wffgb-open {


  border:1px solid #f3ad32 !important;background:#2b2113 !important;


  color:#ffe2a0 !important;font-weight:700 !important;


  box-shadow:0 0 0 1px rgba(255,194,63,.22),0 0 10px rgba(255,169,30,.6) !important;


}


.wffgb-wrap .wffgb-card.wffgb-card-featured .wffgb-open:hover {


  background:#5b3c12 !important;color:#fff !important;


  box-shadow:0 0 13px rgba(255,178,35,.85) !important;


}


/* Hero wrapper on single post; do not change normal post thumbnails. */


.wffgb-single-featured-image {position:relative;display:block;width:100%;max-width:100%;overflow:visible;border:2px solid #efa92e;border-radius:4px;box-shadow:0 0 13px rgba(241,161,35,.45)}


.wffgb-single-featured-image img {display:block;width:100%;height:auto}


.wffgb-single-featured-image .wffgb-featured-ribbon {top:17px;left:-40px}


@media(max-width:600px){


 .wffgb-featured-ribbon{width:158px;top:12px;left:-34px;font-size:9px;gap:4px;padding:7px 2px}


 .wffgb-featured-ribbon svg{width:12px;height:12px}


 .wffgb-single-featured-image .wffgb-featured-ribbon{top:12px;left:-34px}


}





/* v1.2.3 – compact corner-wrap ribbon. The folds sit against the card edges. */


.wffgb-wrap .wffgb-card.wffgb-card-featured,


.wffgb-single-featured-image { isolation:isolate; }


.wffgb-wrap .wffgb-card.wffgb-card-featured > .wffgb-featured-ribbon,


.wffgb-single-featured-image > .wffgb-featured-ribbon {


  top:33px; left:-7px; width:136px; min-height:29px;


  padding:7px 3px; gap:4px;


  transform:rotate(-40deg); transform-origin:center;


  white-space:nowrap; overflow:visible;


  font-size:9px;


  background:linear-gradient(180deg,#ffebac 0%,#ffc344 42%,#e99a17 100%);


  border-top:1px solid #fff0b6; border-bottom:1px solid #a56b10;


  box-shadow:0 2px 5px rgba(0,0,0,.35);


}


.wffgb-wrap .wffgb-card.wffgb-card-featured > .wffgb-featured-ribbon svg,


.wffgb-single-featured-image > .wffgb-featured-ribbon svg {width:12px;height:12px}


/* The small darker triangular folds are attached to the ribbon ends,


   aligned with the card's top and left borders rather than floating away. */


.wffgb-wrap .wffgb-card.wffgb-card-featured > .wffgb-featured-ribbon::before,


.wffgb-single-featured-image > .wffgb-featured-ribbon::before,


.wffgb-wrap .wffgb-card.wffgb-card-featured > .wffgb-featured-ribbon::after,


.wffgb-single-featured-image > .wffgb-featured-ribbon::after {


  content:"";position:absolute;top:100%;width:12px;height:10px;


  background:linear-gradient(135deg,#ad6b09,#654008);


  z-index:-1;pointer-events:none;


}


.wffgb-wrap .wffgb-card.wffgb-card-featured > .wffgb-featured-ribbon::before,


.wffgb-single-featured-image > .wffgb-featured-ribbon::before {


  left:0;clip-path:polygon(0 0,100% 0,100% 100%);


}


.wffgb-wrap .wffgb-card.wffgb-card-featured > .wffgb-featured-ribbon::after,


.wffgb-single-featured-image > .wffgb-featured-ribbon::after {


  right:0;clip-path:polygon(0 0,100% 0,0 100%);


}


@media(max-width:600px){


 .wffgb-wrap .wffgb-card.wffgb-card-featured > .wffgb-featured-ribbon,


 .wffgb-single-featured-image > .wffgb-featured-ribbon {


   top:29px;left:-5px;width:122px;min-height:27px;padding:6px 2px;font-size:8px;


 }


 .wffgb-wrap .wffgb-card.wffgb-card-featured > .wffgb-featured-ribbon svg,


 .wffgb-single-featured-image > .wffgb-featured-ribbon svg {width:11px;height:11px}


}





/* v1.2.4: the uploaded Horde featured artwork already has the gold ribbon. */


.wffgb-wrap .wffgb-card-featured .wffgb-image-link {overflow:hidden}


.wffgb-wrap .wffgb-card-featured .wffgb-image-link img.wffgb-image {display:block;width:100%;height:100%;object-fit:cover}


.wffgb-single-featured-image.wffgb-featured-horde-image {overflow:hidden}


.wffgb-single-featured-image.wffgb-featured-horde-image img {display:block;width:100%;height:auto}