/*=====================================================================
  FEEFO REVIEWS - THE REVIEWS BLOCK ON /testimonials/ (CRUISEKINGS, SCOTLANDS CRUISE CENTRE, STEWART TRAVEL)
  (ADDED 30/09/2026 MMC - TASK 20260930-1031-feefo-own-reviews)
  LINKED ONLY BY THAT BLOCK (shared/includes/shared_functions_feefo_reviews.php). THE LAYOUT FOLLOWS FEEFO'S OLD WIDGET: THE SUMMARY
  AND THE AWARD CARDS ON THE LEFT, THE REVIEWS ON THE RIGHT; ONE COLUMN ON A PHONE. FONTS COME FROM EACH BRAND'S OWN CSS; THE STARS
  USE FEEFO'S YELLOW. THE FILTERS AND THE PAGING ONLY SHOW ONCE THE SCRIPT HAS ADDED fr--js TO THE ROOT.
=====================================================================*/

.fr{display:flex;align-items:flex-start;margin:20px 0 40px;color:#292F36;text-align:left}
.fr__side{flex:0 0 300px;max-width:300px;margin-right:40px}
.fr__main{flex:1 1 auto;min-width:0}
.fr p{margin:0}
/* THE BRANDS' OWN CSS UPPERCASES EVERY BUTTON - NOT OURS */
.fr button{text-transform:none;letter-spacing:normal;min-width:0;box-shadow:none}
/* 30/09/2026 (TASK 20260930-1154-feefo-share-buttons): THE BRANDS' style.css ALSO TURNS EVERY BUTTON ORANGE WITH A 1PX BORDER ON :hover AND
   :focus (button:hover, button:focus { background-color:#E87E28; border:1px solid #E87E28 }). THE EXTRA BORDER NUDGES THE BUTTON, AND :focus
   KEEPS IT ORANGE AFTER A CLICK. OURS KEEP THEIR OWN LOOK: HOVER ONLY DARKENS THE TEXT OR THE STAR BAR (PREVIOUS / NEXT: SEE THE PAGING RULES) */
.fr button:hover,.fr button:focus{background-color:transparent;border:0}

/* THE ICONS THE STARS, PINS AND TICKS POINT AT - KEPT OUT OF SIGHT (NOT display:none, WHICH SOME BROWSERS WON'T DRAW FROM) */
.fr-icons{position:absolute;width:0;height:0;overflow:hidden}

.fr-visually-hidden{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* CARDS ON THE LEFT */
.fr-card{border:1px solid #E3E6EA;border-radius:12px;padding:24px;margin:0 0 16px;background:#FFFFFF;text-align:center}

/* THE SUMMARY */
.fr-summary__label{font-size:20px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin:0 0 12px !important}
.fr-summary__stars{position:relative;display:inline-block;line-height:0;white-space:nowrap}
.fr-summary__base,.fr-summary__fill{display:inline-block;white-space:nowrap}
.fr-summary__fill{position:absolute;left:0;top:0;overflow:hidden}
.fr-box{display:inline-block;width:34px;height:34px;margin:0 1px;background:#D9D9D9;border-radius:4px}
.fr-summary__fill .fr-box{background:#FFD100}
.fr-box svg{display:block;width:24px;height:24px;margin:5px;fill:#FFFFFF}
.fr-summary__score{font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#6F7782;margin:12px 0 10px !important}
.fr-summary__logo{display:block;margin:0 auto 18px}

/* THE 5-1 STAR BARS (EACH ONE A BUTTON THAT PICKS THAT RATING) */
.fr-breakdown{list-style:none;margin:0;padding:0;text-align:left}
.fr-breakdown li{margin:0 0 4px;padding:0;list-style:none;background:none}
.fr-breakdown li:before{display:none}
.fr-breakdown__row{display:flex;align-items:center;width:100%;margin:0;padding:3px 0;background:none;border:0;border-radius:4px;cursor:pointer;font:inherit;font-size:13px;color:#292F36;text-align:left}
.fr-breakdown__row:hover .fr-breakdown__bar,.fr-breakdown__row:focus .fr-breakdown__bar{background:#D5D9DE}
.fr-breakdown__star{flex:0 0 30px;white-space:nowrap}
.fr-breakdown__star svg{width:12px;height:12px;margin-left:3px;fill:#FFD100;vertical-align:-1px}
.fr-breakdown__bar{flex:1 1 auto;height:8px;margin:0 10px 0 0;background:#E6E8EB;border-radius:4px;overflow:hidden}
.fr-breakdown__fill{display:block;height:100%;background:#FFD100}
.fr-breakdown__count{flex:0 0 48px;text-align:right;color:#6F7782}

/* THE AWARD AND TREEFO CARDS */
.fr-award__badge{display:block;margin:0 auto;max-width:100%;height:auto}
.fr-treefo{display:flex;align-items:center;text-align:left}
.fr-treefo__logo{flex:0 0 72px;margin-right:16px;height:auto}
.fr-treefo__text p{margin:0 !important;font-size:15px}

/* THE FILTER AND SORT - HIDDEN UNTIL THE SCRIPT STARTS */
.fr-controls{display:none}
.fr--js .fr-controls{display:flex;margin:0 0 8px}
.fr-control{flex:1 1 0;margin:0 16px 12px 0;font-weight:normal}
.fr-control:last-child{margin-right:0}
.fr-control__label{display:block;font-size:13px;color:#6F7782;margin:0 0 4px}
.fr-control__select{display:block;width:100%;height:auto;margin:0;padding:10px 12px;border:1px solid #E3E6EA;border-radius:8px;background-color:#F2F4F7;font:inherit;font-size:15px;color:#292F36}

/* THE RESULTS */
.fr-results{transition:opacity .15s}
.fr--loading .fr-results{opacity:.5}
.fr-results__count{font-size:20px;font-weight:600;margin:4px 0 4px !important}
.fr-results__message{margin:16px 0 !important}
/* "Showing 3,000 five-star reviews - Show all 3,282 reviews" - THE BUTTON NEEDS THE SCRIPT, SO IT ONLY SHOWS WITH IT */
.fr-results__count--filtered{font-size:18px}
.fr-results__all-wrap{display:none;font-weight:normal}
.fr--js .fr-results__all-wrap{display:inline}
.fr-results__dot{margin:0 4px;color:#6F7782}
.fr-results__all{margin:0;padding:0;border:0;background:none;font:inherit;font-size:16px;color:#292F36;text-decoration:underline;cursor:pointer}
.fr-results__all:hover,.fr-results__all:focus{color:#000000}
.fr-list{list-style:none;margin:0;padding:0}
.fr-review{margin:0;padding:24px 0;border-bottom:1px solid #E3E6EA;list-style:none;background:none}
.fr-review:before{display:none}
.fr-review__head{display:flex;flex-wrap:wrap;align-items:center}
.fr-review__name{font-size:17px;font-weight:600;margin:0 10px 4px 0}
.fr-verified{display:inline-flex;align-items:center;margin:0 0 4px;padding:3px 10px;background:#E9F6EE;color:#2F7A4A;border-radius:999px;font-size:12px;cursor:help}
.fr-verified__icon{width:14px;height:14px;margin-right:4px;fill:#2F7A4A}
.fr-review__location{margin:6px 0 0 !important;font-size:13px;color:#6F7782}
.fr-review__pin{width:14px;height:14px;margin-right:4px;fill:#6F7782;vertical-align:-2px}
.fr-review__rating{margin:12px 0 8px}
.fr-stars{display:inline-block;line-height:0;white-space:nowrap}
.fr-star{width:18px;height:18px;margin-right:1px;fill:#F8D246}
.fr-star--empty{fill:#D9D9D9}
.fr-review__title{font-size:18px;font-weight:600;margin:0 0 6px !important}
.fr-review__text{margin:0 0 12px !important;line-height:1.6;overflow-wrap:break-word;word-wrap:break-word}

/* STAFF REPLIES */
.fr-reply{margin:0 0 12px;padding:12px 16px;background:#F6F7F9;border-left:3px solid #FFD100;border-radius:4px}
.fr-reply__from{font-size:14px;font-weight:600;margin:0 0 6px !important}
.fr-reply__date{font-weight:normal;color:#6F7782}
.fr-reply__text{margin:0 !important;font-size:14px;line-height:1.6;overflow-wrap:break-word;word-wrap:break-word}

.fr-review__foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:13px;color:#6F7782}
/* SHARE BUTTONS (30/09/2026 - WERE nofollow LINKS): THE SCRIPT OPENS THE SHARE WINDOW, SO THEY ONLY SHOW ONCE IT HAS STARTED; THEY LOOK LIKE LINKS */
.fr-share{display:none;margin-right:12px}
.fr--js .fr-share{display:inline}
.fr-share__button{margin:0 0 0 8px;padding:0;border:0;background:none;font:inherit;font-size:13px;color:#292F36;text-decoration:underline;cursor:pointer}
.fr-share__button:hover,.fr-share__button:focus{color:#000000}
.fr-review__date{margin-left:auto}

/* PAGING - HIDDEN UNTIL THE SCRIPT STARTS */
.fr-pager{display:none}
.fr--js .fr-pager{display:flex;justify-content:space-between;align-items:center;margin:20px 0 0}
.fr-pager__button{margin:0;padding:10px 18px;border:1px solid #D0D5DB;border-radius:8px;background:#FFFFFF;cursor:pointer;font:inherit;font-size:15px;color:#292F36}
/* PREVIOUS / NEXT KEEP THEIR OWN 1PX BORDER AND WHITE BACKGROUND ON HOVER / FOCUS (ONLY THE BORDER DARKENS, SO NOTHING MOVES) - STRONGER
   THAN BOTH THE BRANDS' button:hover AND OUR ".fr button:hover" ABOVE */
.fr .fr-pager__button:hover,.fr .fr-pager__button:focus{background-color:#FFFFFF;border:1px solid #292F36}
.fr-pager__button[disabled]{opacity:.4;cursor:default;border-color:#D0D5DB}
.fr .fr-pager__button[disabled]:hover,.fr .fr-pager__button[disabled]:focus{border-color:#D0D5DB}
.fr-pager__status{font-size:14px;color:#6F7782}


/* PHONES AND SMALL TABLETS: ONE COLUMN */
@media (max-width:767px){
	.fr{display:block}
	.fr__side{max-width:none;margin-right:0}
	.fr--js .fr-controls{display:block}
	.fr-control{display:block;margin:0 0 12px}
	.fr-pager__button{padding:10px 14px}
}