/* =====================================================================
   Recipe plugin styles
   ===================================================================== */
:root{
  --rcp-navy:#063390;
  --rcp-navy-dark:#152038;
  --rcp-cream-soft:#faf3e4;
  --rcp-gold:#e3ab2e;
  --rcp-grey:#7a7f8c;
  --rcp-white:#ffffff;
}

/* =====================================================================
   HOME SLIDER  [recipe_slider]
   ===================================================================== */
.rs-slider{position:relative;width:100%;height:600px;display:flex;align-items:stretch;gap:0;box-sizing:border-box;overflow:hidden;}
.rs-slider *{box-sizing:border-box;}
.rs-bg{position:absolute;inset:0;z-index:0;opacity:0;transition:opacity .6s ease;}
.rs-bg-a{opacity:1;}
.rs-content{position:relative;z-index:1;flex:1 1 auto;min-width:0;height:100%;overflow:hidden;}

.rs-static-bg-layer{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:space-between;gap:4%;padding:0 4% 0 5%;pointer-events:none;}
.rs-static-bg-spacer{flex:0 0 34%;max-width:380px;}
.rs-static-bg-holder{flex:1;max-width:700px;height:100%;position:relative;}
.rs-image-bg{position:absolute;left:50%;top:8%;bottom:0;width:82%;transform:translateX(-50%);background:rgba(255,255,255,.18);border-radius:500px 500px 28px 28px;}

.rs-track{position:relative;width:100%;height:100%;z-index:1;}
.rs-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:1;pointer-events:none;transition:opacity .6s ease;}
.rs-slide.rs-active{opacity:1;z-index:2;pointer-events:auto;}

.rs-stage{display:flex;align-items:center;justify-content:space-between;gap:4%;height:100%;padding:0 4% 0 5%;}
.rs-text-wrap{flex:0 0 34%;max-width:380px;position:relative;z-index:2;padding-bottom:70px;}
.rs-title{margin:0;font-family:'Almarai',serif !important;font-weight:700 !important;color:#fff !important;font-size:42px !important;line-height:1.2 !important;}
.rs-title span{display:block;font-size:.5em;font-weight:600;margin-top:8px;opacity:.92;}

.rs-image-wrap{flex:1;max-width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;transform:translateY(-30%);opacity:0;transition:transform .65s ease,opacity .65s ease;}
.rs-slide.rs-active .rs-image-wrap{transform:translateY(0);opacity:1;}
.rs-slide.rs-incoming .rs-image-wrap{transition:none;transform:translateY(70%);opacity:0;}
.rs-image{position:relative;z-index:1;width:100%;max-height:92%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 26px rgba(0,0,0,.28));}

.rs-btn{position:absolute;left:5%;bottom:15%;z-index:4;background:#fff;color:#2A2A2A;font-size:16px;font-weight:600;text-decoration:none;padding:14px 30px;border-radius:30px;box-shadow:0 6px 16px rgba(0,0,0,.18);}
.rs-btn:hover{color:#fff !important;background:#00478c;}

.rs-nav{position:relative;z-index:1;flex:0 0 400px;height:100%;overflow:hidden;padding:0 16px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 8%,#000 92%,transparent 100%);}
.rs-nav-track{position:absolute;z-index:1;left:20px;right:40px;top:0;transition:transform .6s ease;will-change:transform;}
.rs-nav-item{height:100px;margin-bottom:16px;border-radius:16px;overflow:hidden;display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fff;color:#5A564E;box-shadow:0 4px 10px rgba(0,0,0,.12);opacity:.7;transition:box-shadow .5s ease,color .5s ease,transform .5s ease,opacity .5s ease;}
.rs-nav-thumb{width:64px;height:64px;border-radius:10px;object-fit:contain;flex-shrink:0;padding:4px;}
.rs-nav-label{font-family:'Almarai',serif;font-weight:600;font-size:14px;line-height:1.3;}
.rs-nav-item.rs-nav-active{color:#2A2A2A;box-shadow:0 10px 22px rgba(0,0,0,.22);transform:scale(1.04);opacity:1;}

@media (max-width:900px){
  .rs-title{font-size:32px !important;}
  .rs-nav{flex-basis:260px;}
  .rs-nav-item{height:84px;}
  .rs-nav-thumb{width:52px;height:52px;}
}
@media (max-width:640px){
  .rs-slider{height:auto;min-height:640px;flex-direction:column;}
  .rs-content{height:560px;}
  .rs-stage{flex-direction:column;justify-content:center;padding:40px 8% 90px;gap:20px;}
  .rs-text-wrap{flex:0 0 auto;max-width:100%;padding-bottom:0;text-align:center;}
  .rs-title{font-size:26px !important;}
  .rs-btn{left:50%;transform:translateX(-50%);bottom:24px;font-size:13px !important;}
  .rs-static-bg-layer{flex-direction:column;justify-content:flex-end;align-items:center;padding:40px 8% 90px;gap:20px;}
  .rs-static-bg-spacer{flex:0 0 auto;width:100%;max-width:100%;min-height:70px;}
  .rs-static-bg-holder{flex:0 0 auto;width:220px;max-width:220px;height:280px;}
  .rs-nav{flex:0 0 auto;width:100%;padding:12px 0;}
  .rs-nav-track{left:0;right:0;top:0;display:flex;flex-direction:row;}
  .rs-nav-item{flex-direction:column;height:72px;width:72px;margin:0 8px 0 0;padding:6px;gap:4px;}
  .rs-nav-label{display:none;}
}

/* =====================================================================
   ARCHIVE  [recipe_archive]
   ===================================================================== */
.rcp-section{max-width:1180px;margin:0 auto;padding:48px 20px 64px;box-sizing:border-box;}
.rcp-section *{box-sizing:border-box;}
.rcp-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:36px;}
.rcp-title{font-size:30px !important;font-weight:800 !important;color:var(--rcp-navy) !important;margin:0;font-family:'Almarai',sans-serif !important;}

.rcp-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.rcp-search{position:relative;display:flex;align-items:center;background:#fff;border:1px solid #e3e3e3;border-radius:999px;padding:10px 16px;min-width:220px;box-shadow:0 2px 10px rgba(28,43,74,.06);}
.rcp-search-icon{width:18px;height:18px;fill:var(--rcp-grey);margin-inline-end:8px;flex-shrink:0;}
.rcp-search input{border:none !important;outline:none;box-shadow:none !important;font-family:inherit;font-size:14px;width:100%;background:transparent !important;padding:0 !important;color:var(--rcp-navy) !important;}
.rcp-search input::placeholder{color:#a9adb8;}

.rcp-ctrl{position:relative;}
.rcp-ctrl-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--rcp-navy) !important;border:none !important;border-radius:10px !important;cursor:pointer;box-shadow:0 2px 10px rgba(28,43,74,.12);transition:background .2s ease,transform .2s ease;flex-shrink:0;padding:0 !important;}
.rcp-ctrl-btn:hover{background:var(--rcp-navy-dark) !important;}
.rcp-ctrl-btn:active{transform:scale(.92);}
.rcp-ctrl-btn i{font-size:16px;color:#fff !important;}

.rcp-show-btn{display:flex;align-items:center;gap:8px;height:42px;background:var(--rcp-navy) !important;color:#fff !important;border:none !important;border-radius:999px !important;padding:0 18px !important;font-family:inherit !important;font-size:13px !important;font-weight:700 !important;cursor:pointer;box-shadow:0 2px 10px rgba(28,43,74,.12);transition:background .2s ease,transform .2s ease;flex-shrink:0;white-space:nowrap;}
.rcp-show-btn:hover{background:var(--rcp-navy-dark) !important;}
.rcp-show-btn i{font-size:11px;color:#fff !important;}
.rcp-show-btn span{font-weight:800;}

.rcp-ctrl-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(28,43,74,.16);padding:6px;min-width:140px;display:none;flex-direction:column;gap:2px;z-index:10;}
.rcp-ctrl-menu.is-open{display:flex;}
.rcp-ctrl-item{border:none !important;background:transparent !important;text-align:start;padding:9px 12px !important;border-radius:8px !important;font-family:inherit !important;font-size:13px !important;font-weight:600 !important;color:var(--rcp-navy) !important;cursor:pointer;transition:background .15s ease;box-shadow:none !important;}
.rcp-ctrl-item:hover{background:var(--rcp-cream-soft) !important;}
.rcp-ctrl-item.is-active{background:var(--rcp-navy) !important;color:#fff !important;}

.rcp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
@media(max-width:900px){.rcp-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){
  .rcp-grid{grid-template-columns:minmax(0,1fr);}
  .rcp-title{font-size:24px !important;}
  .rcp-search{min-width:0;flex:1 1 100%;}
}

.rcp-card{position:relative;min-width:0;background:#fff;border-radius:18px;padding:22px 20px 24px;text-align:center;box-shadow:0 6px 24px rgba(28,43,74,.08);opacity:0;transform:translateY(28px);animation:rcpIn .6s ease forwards;display:flex;flex-direction:column;align-items:center;justify-content:space-between;}
@keyframes rcpIn{to{opacity:1;transform:translateY(0);}}

.rcp-media{position:relative;width:100%;height:170px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.rcp-media-bg{position:absolute;inset:0;width:250px;height:250px !important;margin:auto;object-fit:contain;z-index:0;pointer-events:none;}
.rcp-media-dish{position:relative;z-index:1;width:200px;height:200px !important;object-fit:cover;border-radius:0 !important;transition:transform .35s ease;}
.rcp-card:hover .rcp-media-dish{animation:rcpFloat 1.6s ease-in-out infinite;}
@keyframes rcpFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}

.rcp-name{font-size:30px !important;font-weight:800 !important;color:var(--rcp-navy) !important;margin:0 0 6px;font-family:'Almarai',sans-serif !important;}
.rcp-sub{font-size:21px;font-weight:400;color:var(--rcp-navy) !important;font-family:'Almarai',sans-serif !important;margin:0 0 10px;font-style:italic !important;}

/* Description: one line only, "..." when it is longer than the card */
.rcp-desc{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  font-size:13px;
  line-height:1.7;
  color:var(--rcp-navy) !important;
  font-family:'Manrope',sans-serif !important;
  margin:0 0 10px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Prep / Cook / TOT / Servings: bullet list, 2 per row inside the card */
.rcp-meta{
  display:grid !important;
  grid-template-columns:repeat(2,max-content);
  justify-content:center;
  gap:4px 28px;
  list-style:none !important;
  width:100%;
  margin:0 0 16px !important;
  padding:0 !important;
  text-align:left;
  font-family:'Manrope',sans-serif !important;
  font-size:12px;
  line-height:1.5;
  color:var(--rcp-navy) !important;
}
.rcp-meta li{
  position:relative;
  min-width:0;
  margin:0 !important;
  padding:0 0 0 14px !important;
  list-style:none !important;
  color:var(--rcp-navy) !important;
}
.rcp-meta li::before{content:"\2022";position:absolute;left:0;top:0;font-weight:700;color:var(--rcp-navy);}
.rcp-meta b{font-weight:800;}
@media(max-width:380px){.rcp-meta{grid-template-columns:minmax(0,1fr);}}

.rcp-stars{display:flex;align-items:center;justify-content:center;gap:3px;margin-bottom:14px;}
.rcp-stars svg{width:14px;height:14px;fill:#e2e2e2 !important;}
.rcp-stars svg.filled{fill:var(--rcp-gold) !important;}

.rcp-btn{display:inline-block;background:var(--rcp-navy) !important;color:#fff !important;border:none;padding:9px 26px !important;border-radius:999px !important;font-family:inherit !important;font-size:13px !important;font-weight:700 !important;text-decoration:none !important;cursor:pointer;transition:background .2s ease,transform .2s ease;}
.rcp-btn:hover{background:var(--rcp-navy-dark) !important;transform:translateY(-1px);}

.rcp-load-wrap{display:flex;justify-content:center;margin-top:40px;}
.rcp-load-btn{background:var(--rcp-navy) !important;color:#fff !important;border:none;padding:13px 40px !important;border-radius:999px !important;font-family:inherit !important;font-size:14px !important;font-weight:700 !important;cursor:pointer;transition:background .2s ease,transform .2s ease;}
.rcp-load-btn:hover:not(:disabled){background:var(--rcp-navy-dark) !important;transform:translateY(-1px);}
.rcp-load-btn:disabled{background:transparent !important;color:var(--rcp-grey) !important;cursor:default;font-weight:600;border:none !important;}
.rcp-empty{display:none;text-align:center;color:var(--rcp-grey);font-size:14px;margin-top:20px;}

@media (prefers-reduced-motion:reduce){
  .rcp-card{animation:none;opacity:1;transform:none;}
  .rcp-card:hover .rcp-media-dish{animation:none;}
}

/* =====================================================================
   SINGLE RECIPE  (glass card over background photo)
   ===================================================================== */
body.rcp-single-body{margin:0 !important;padding:0 !important;background:#fff;}
div#sub-header{display:none !important;}

.rcp-single{
  --rcp-blue:#0a3a9a;
  color:#2b2b2b;
  position:relative;
  min-height:100vh;
  padding:70px 16px 90px;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  background-color:#cdb99a;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  background-attachment:fixed;
  margin-bottom: -105px !important;
}
.rcp-single *{box-sizing:border-box;}

.rcp-single .rcp-card{
  width:100%;
  max-width:520px;
  padding:46px 54px 56px;
  text-align:center;
  background:rgba(255,255,255,.55);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.55);
  border-radius:28px;
  box-shadow:0 12px 40px rgba(0,0,0,.18);
}

.rcp-single .rcp-card-title{
  margin:0 !important;
  font-family:'Almarai',sans-serif !important;
  font-size:34px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  letter-spacing:-.5px;
  color:var(--rcp-blue) !important;
}
.rcp-single .rcp-card-sub{
  display:block;
  margin-top:2px;
  font-family:'Almarai',sans-serif;
  font-size:13px;
  font-style:italic;
  color:var(--rcp-blue);
}

.rcp-single .rcp-times{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:4px 14px;
  margin:34px 0 12px;
  padding:0;
  list-style:none;
  font-size:13px;
  color:#2b2b2b;
}
.rcp-single .rcp-times li{margin:0;padding:0;}
.rcp-single .rcp-times li + li::before{
  content:"\2022";
  margin-right:14px;
  color:var(--rcp-blue);
  font-weight:700;
}
.rcp-single .rcp-times b{font-weight:800;color:var(--rcp-blue);}

.rcp-single .rcp-short{
  max-width:500px !important;
  margin:0 auto;
  font-size:12px;
  line-height:1.5;
  color:var(--rcp-blue);
}

.rcp-single .rcp-tabs{
  display:flex;
  margin:28px 0 18px;
  padding:0;
  background:rgba(238,238,238,.9);
  border-radius:999px;
  overflow:hidden;
}
.rcp-tab{
  flex:1;
  border:none !important;
  background:transparent !important;
  color:#222 !important;
  font-family:'Almarai',sans-serif !important;
  font-size:11px !important;
  font-weight:700 !important;
  padding:12px 10px !important;
  border-radius:999px !important;
  cursor:pointer;
  transition:background .25s ease,color .25s ease;
  box-shadow:none !important;
}
.rcp-tab.is-active{background:var(--rcp-blue) !important;color:#fff !important;}

.rcp-panel{display:none;}
.rcp-panel.is-active{display:block;}

.rcp-ing{list-style:none;margin:0;padding:0;}
.rcp-ing li{
  position:relative;
  display:flex;
  align-items:center;
  margin:0 0 5px;
  padding:5px 8px 5px 18px;
  background:rgba(255,255,255,.55);
  border-radius:8px;
  cursor:pointer;
  font-size:11px;
  color:#333;
}
.rcp-ing-name{flex:1;text-align:left;}
.rcp-ing-amt{color:#555;white-space:nowrap;}
.rcp-box{
  flex:0 0 auto;
  width:18px;
  height:18px;
  margin-left:14px;
  border-radius:5px;
  background:rgba(255,255,255,.9);
  display:flex;
  align-items:center;
  justify-content:center;
  color:transparent;
  font-size:11px;
  line-height:1;
  transition:background .2s ease,color .2s ease;
}
.rcp-ing li.is-done .rcp-box{background:var(--rcp-blue);color:#fff;}
.rcp-ing li.is-done .rcp-ing-name{text-decoration:line-through;opacity:.6;}

.rcp-steps{list-style:none;margin:0;padding:0;counter-reset:rcpstep;text-align:left;}
.rcp-steps li{
  counter-increment:rcpstep;
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin:0 0 6px;
  padding:10px 14px;
  background:rgba(255,255,255,.55);
  border-radius:8px;
  font-size:12px;
  line-height:1.55;
  color:#333;
}
.rcp-steps li::before{
  content:counter(rcpstep);
  flex:0 0 22px;
  height:22px;
  border-radius:50%;
  background:var(--rcp-blue);
  color:#fff;
  font-weight:700;
  font-size:11px;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Two-column layout: ingredients/directions + video (or image) */
.rcp-single .rcp-card.has-media{max-width:900px;}
.rcp-single .rcp-body{display:block;width:100%;margin-top:0;}
.rcp-single .rcp-card.has-media .rcp-body{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:36px;
  align-items:start;
  text-align:left;
}
.rcp-single .rcp-body > *{min-width:0;}
.rcp-single .rcp-col-main{min-width:0;width:100%;}
.rcp-col-main .rcp-tabs{margin-top:28px;}
.rcp-card.has-media .rcp-col-main .rcp-tabs{max-width:270px;}
.rcp-single .rcp-vmedia{
  position:sticky;
  top:24px;
  margin-top:28px;
  width:100%;
  max-width:340px;
  justify-self:center;
  aspect-ratio:9/16;
  background:#000;
  border-radius:6px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}
.rcp-single .rcp-vmedia video,.rcp-single .rcp-vmedia img{display:block;width:100% !important;max-width:100% !important;height:100% !important;margin:0;padding:0;object-fit:cover;}

/* "Jump to video" button - mobile only, under the short description */
.rcp-single .rcp-jump{display:none;}
.rcp-single .rcp-vmedia{scroll-margin-top:20px;}
@media(max-width:820px){
  .rcp-single a.rcp-jump{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin:16px auto 0;
    padding:10px 20px;
    border-radius:999px;
    background:var(--rcp-blue);
    color:#fff !important;
    font-family:'Almarai',sans-serif;
    font-size:12px;
    font-weight:700;
    line-height:1;
    text-decoration:none !important;
    box-shadow:0 4px 14px rgba(10,58,154,.25);
  }
}

/* Cart link next to an ingredient */
.rcp-ing.has-carts li{padding-right:44px;}
.rcp-single a.rcp-cart{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  width:28px;
  height:18px;
  border-radius:5px;
  background:#ff6a2b;
  color:#fff !important;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  line-height:1;
  text-decoration:none !important;
  box-shadow:none;
  transition:background .2s ease,transform .2s ease;
}
.rcp-single a.rcp-cart:hover{background:#e5531a;transform:translateY(-50%) scale(1.08);}

@media(max-width:820px){
  .rcp-single .rcp-card.has-media .rcp-body{grid-template-columns:1fr;gap:24px;}
  .rcp-single .rcp-card.has-media .rcp-col-main .rcp-tabs{max-width:none;}
  .rcp-single .rcp-vmedia{position:relative;top:auto;margin-top:0;max-width:320px;}
}

@media(max-width:600px){
  .rcp-single{padding:30px 12px 60px;background-attachment:scroll;}
  .rcp-single .rcp-card{padding:34px 20px 40px;border-radius:22px;}
  .rcp-single .rcp-card-title{font-size:28px !important;}
}
.rcp-single .rcp-back {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 18px;
	padding: 10px 20px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .22);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, .45);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	transition: background .25s ease, transform .25s ease;
}
.rcp-single .rcp-back:hover {
	background: rgba(255, 255, 255, .4);
	transform: translateX(-3px);
	color: #fff;
}
.rcp-single .rcp-back i {
	font-size: 12px;
}
@media (max-width: 767px) {
	.rcp-single .rcp-back {
		font-size: 13px;
		padding: 9px 16px;
	}
}