/*=====================================================================
  FEEFO REVIEWS - THE REVIEWS BLOCK ON /customer-reviews/
  (ADDED 30/09/2026 MMC - TASK 20260930-1232-lapland-feefo-own-reviews - A PORT OF THE CRUISE SITES' /shared/css/feefo-reviews.css)
  LINKED ONLY BY THAT BLOCK (includes/feefo_reviews_functions.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 THE SITE'S OWN CSS; THE STARS USE FEEFO'S YELLOW. THE TABS, THE
  FILTERS, THE PAGING AND THE SHARE BUTTONS 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 SITE'S style.css STYLES EVERY button: GREEN (#29b360), WHITE, UPPERCASE, PADDED, WITH A BORDER AND A TRANSITION - AND button:hover /
   button:focus TURN IT ORANGE (#e87e28) WITH A 1PX ORANGE BORDER, WHICH NUDGES IT (MARTIN DISLIKED THIS ON THE CRUISE SITES). OURS KEEP THEIR
   OWN LOOK: EVERY BUTTON CLASS BELOW SETS ITS OWN COLOURS, PADDING AND BORDER; HOVER ONLY DARKENS THE TEXT, THE STAR BAR OR THE BORDER */
.fr button{text-transform:none;letter-spacing:normal;min-width:0;box-shadow:none;transition:none;font-weight:normal;line-height:1.3;cursor:pointer}
.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}

/* ONE KIND OF REVIEW AT A TIME ONCE THE SCRIPT HAS STARTED (ITS SUMMARY ON THE LEFT, ITS PANEL ON THE RIGHT); WITHOUT IT, EVERY KIND SHOWS */
.fr--js .fr-pane{display:none}
.fr--js .fr-pane.fr-is-active{display:block}
.fr-panel{margin:0 0 32px}
.fr-panel__title{font-size:22px;font-weight:600;margin:0 0 12px}
.fr--js .fr-panel__title{display:none}

/* THE TABS (MORE THAN ONE KIND OF REVIEW) */
.fr-tabs{display:none}
.fr--js .fr-tabs{display:flex;flex-wrap:wrap;margin:0 0 16px;border-bottom:1px solid #E3E6EA}
.fr .fr-tab{margin:0 8px -1px 0;padding:10px 16px;border:0;border-bottom:3px solid transparent;border-radius:0;background:none;font:inherit;font-size:16px;color:#6F7782;text-align:left}
.fr .fr-tab:hover,.fr .fr-tab:focus{background-color:transparent;border:0;border-bottom:3px solid transparent;color:#292F36}
.fr .fr-tab--active,.fr .fr-tab--active:hover,.fr .fr-tab--active:focus{border-bottom:3px solid #FFD100;color:#292F36;font-weight:600}
.fr-tab__count{font-weight:normal;color:#6F7782}

/* 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__type{font-size:14px;color:#6F7782;margin:0 0 8px !important}
.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 .fr-breakdown__row{display:flex;align-items:center;width:100%;margin:0;padding:3px 0;background:none;border:0;border-radius:4px;font:inherit;font-size:13px;color:#292F36;text-align:left;white-space:normal}
.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 (IMAGES ONLY - NO LINKS TO FEEFO) */
.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, AND IN A PANEL SHOWING OUR NIGHTLY COPY */
.fr-controls{display:none}
.fr--js .fr-controls{display:flex;margin:0 0 8px}
.fr--js .fr-panel--static .fr-controls{display:none}
.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 .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 859 five-star reviews - Show all 947 reviews" - THE BUTTON NEEDS THE SCRIPT (AND A LIVE PANEL), 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--js .fr-panel--static .fr-results__all-wrap{display:none}
.fr-results__dot{margin:0 4px;color:#6F7782}
.fr .fr-results__all{margin:0;padding:0;border:0;border-radius:0;background:none;font:inherit;font-size:16px;color:#292F36;text-decoration:underline}
.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}
/* A TRIP REVIEW'S TRIP ("Trip: Magical Interlude" - A LINK ONLY TO A CURRENT TRIP PAGE OF OURS) */
.fr-review__trip{margin:0 0 6px !important;font-size:14px;color:#6F7782}
.fr-review__trip a{color:#292F36;text-decoration:underline}
.fr-review__trip a:hover,.fr-review__trip a:focus{color:#000000}
.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: THE SCRIPT OPENS THE SHARE WINDOW (FOR OUR OWN PAGE), 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 .fr-share__button{margin:0 0 0 8px;padding:0;border:0;border-radius:0;background:none;font:inherit;font-size:13px;color:#292F36;text-decoration:underline}
.fr-share__button:hover,.fr-share__button:focus{color:#000000}
.fr-review__date{margin-left:auto}

/* PAGING - HIDDEN UNTIL THE SCRIPT STARTS. PREVIOUS / NEXT KEEP THEIR OWN 1PX BORDER AND WHITE BACKGROUND ON HOVER / FOCUS (ONLY THE BORDER
   DARKENS, SO NOTHING MOVES) - STRONGER THAN BOTH THE SITE'S button:hover AND OUR ".fr button:hover" ABOVE */
.fr-pager{display:none}
.fr--js .fr-pager{display:flex;justify-content:space-between;align-items:center;margin:20px 0 0}
.fr .fr-pager__button{margin:0;padding:10px 18px;border:1px solid #D0D5DB;border-radius:8px;background:#FFFFFF;font:inherit;font-size:15px;color:#292F36}
.fr .fr-pager__button:hover,.fr .fr-pager__button:focus{background-color:#FFFFFF;border:1px solid #292F36}
.fr .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 .fr-pager__button{padding:10px 14px}
	.fr .fr-tab{padding:10px 10px;font-size:15px}
}