/**
* Theme Name: Platea Child
* Description: This is a child theme of Platea.
* Author: <a href="https://gloriathemes.com/">Gloria Themes</a>
* Template: platea
* Version: 1.0.6
*/

/** ===================================
 *          Global Settings
 * */
body.logged-in .logged-in-as {
    display: none !important;
}

.comment-edit-link {
    display: none !important;
}

.gt-header.gt-light {
    background-color: #f8f8f8 !important;
}

.gt-top-bar.gt-light {
    background-color: #f8f8f8 !important;
}

body {
  overflow-x: hidden;
}

html {
  max-width: 100%;
  overflow-x: hidden;
}

/* Image Slideshow Arrow Farbe ändern */
.swiper-button-next, .swiper-button-prev {
    color: var(--swiper-navigation-color, #ffffff) !important;
}

/* Image Slideshow bei Recipe Detail Post */
.gt-overview-box .gt-image .swiper-slide img {
    width: 100% !important;
    height: 740px !important;
    object-fit: cover !important;
}

@media (max-width: 991px) {
    .gt-overview-box .gt-image .swiper-slide img {
        height: 550px !important;
    }
}

@media (max-width: 576px) {
    .gt-overview-box .gt-image .swiper-slide img {
        height: 500px !important;
    }
}

/* Recipe Detail Seite - Felder nebeneinander am Desktop */
.gt-lists.gt-style-4 ul li .gt-title {
	font-weight: 500 !important;
	display: flex;
	align-items: flex-start;
	min-width: 130px !important;
	color: var(--gt-text-color-secondary);
	word-break: break-word !important;
}

.rwmb-tab-panel-ingredients .rwmb-group-wrapper .rwmb-input .rwmb-field {
    margin: 0 !important;
}

.gt-page-wrapper {
    padding-top: 0px !important;
}

/* Recipe Details Settings */
@media (max-width: 768px) {
  .gt-lists.gt-style-4 ul {
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  .gt-lists.gt-style-4 ul li .gt-desc {
    background-color: #fff;
    border-radius: 6px;
    padding: 4px 10px;
    display: inline-block;
	min-width: 180px;
	color: #848896;
  }
}

/** ===========================
 *   	 Add-Recipe Seite
 *  =========================== 
 **/

/* Label verstecken da readonly Feld kein Label braucht */
.rwmb-tab-panel-ingredients .rwmb-group-wrapper .rwmb-input .rwmb-field:first-child .rwmb-label {
    display: none !important;
}

/* Readonly Felder als reinen Text darstellen */
.rwmb-tab-panel-ingredients input[readonly] {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    font-weight: 400 !important;
    padding: 0 !important;
    pointer-events: none !important;
    cursor: default !important;
    -webkit-appearance: none !important;
    outline: none !important;
    width: auto !important;
}

/* Add Recipe - Gruppen 2-spaltig nebeneinander */
.rwmb-tab-panel-ingredients {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px 24px !important;
}

.rwmb-tab-panel-ingredients .rwmb-field.rwmb-group-wrapper {
    margin: 0 !important;
}

/** ===========================
 *   Slideshow Feld bearbeiten
 *  =========================== 
 **/
/* Slideshow Feld - 1 spaltig */
.rwmb-field.rwmb-file_upload-wrapper:has(#platea-recipe-slideshow-label) {
    grid-column: 1 / -1 !important;
    width: 100% !important;
}

/* Slideshow Feld - Button mittig ausrichten */
.rwmb-field.rwmb-file_upload-wrapper:has(#platea-recipe-slideshow-label) .rwmb-upload-inside {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Slideshow Feld - Nach Upload Button Edit ausblenden */
.rwmb-field.rwmb-file_upload-wrapper:has(#platea-recipe-slideshow-label) .rwmb-edit-media {
    display: none;
}

@media (max-width: 768px) {
    .rwmb-tab-panel-ingredients {
        grid-template-columns: 1fr !important;
    }
}

@media only screen and (max-width: 991px) {
    .gt-recipe-ingredients .gt-lists.gt-style-4 ul li {
        flex: 0 0 calc(50% - 0.5rem) !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
}


/** =====================================
 *  Instagram Tag unter Recipe
 * */
.gt-recipe-credit {
    text-align: center;
    padding: 16px 0 14px;
    font-size: 14px;
    opacity: 0.65;
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
	justify-content: center;
    gap: 16px;
}

.gt-recipe-credit::before,
.gt-recipe-credit::after {
    content: '';
    flex: 1;
	max-width: 522px;
    height: 0px;
    background: currentColor;
    opacity: 0.2;
}

.gt-recipe-credit a {
    color: inherit;
    text-decoration: none;
    border: 1px solid currentColor;
    border-radius: 8px;
    padding: 8px 16px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 6px;
}

.gt-recipe-credit a:hover {
    opacity: 1;
    text-decoration: none;
}


/** =====================================
 *  Profil Seite 
 * */

/* Recipes löschen und editieren */
/* Container */
.elementor-widget-container:has(.mbfs-posts) {
    background: #fff;
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: 0 1px 16px rgba(0,0,0,0.09) !important;
	max-width: 1120px;
	margin: 0 auto;
}

/* Add New Button entfernen */
.mbfs-add-new-post {
    display: none !important;
    background: #f97316 !important;
    color: #fff !important;
    text-decoration: none;
    padding: 10px 22px !important;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
	margin-left: 20px !important;
}

.mbfs-add-new-post:hover {
    background: #ea6c0a;
    color: #fff;
}

.mbfs-posts td,
.mbfs-posts th {
    border: none;
}

/* Table */
.mbfs-posts {
    width: 100%;
    border-collapse: collapse;
	border-spacing: 0;
    font-size: 14px;
	max-width: 1100px;
    margin: 0 auto;
	border-radius: 12px;
    overflow: hidden;
}

.mbfs-posts th {
    text-align: left;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #888;
    padding: 12px 12px 12px;
    border-bottom: 0px solid #f0f0f0;
	background: #f8f8fa;
}

.mbfs-posts td {
    padding: 20px 12px;
    border-bottom: 1px solid #f0f0f0;
    color: #333;
    vertical-align: middle;
}

.mbfs-posts tr:last-child td {
    border-bottom: none;
}

.mbfs-posts tr:hover td {
    background: #fafafa;
}

.mbfs-posts td a {
    color: #333;
    text-decoration: none;
    font-weight: 500;
}

.mbfs-posts td a:hover {
    text-decoration: underline;
}

/* Status */
.mbfs-posts td:nth-child(3) {
    color: #16a34a;
    font-weight: 500;
}

/* Actions */
.mbfs-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.mbfs-actions a,
.mbfs-actions button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    opacity: 0.5;
    transition: opacity 0.2s;
}

.mbfs-actions a:hover,
.mbfs-actions button:hover {
    opacity: 1;
    background: #f5f5f5;
}

.mbfs-actions img {
    width: 16px;
    height: 16px;
}

/* URM Subscribe und Payments ausblenden */
.user-registration-MyAccount-navigation-link--ur-membership,
.user-registration-MyAccount-navigation-link--urm-payments {
    display: none !important;
}



/* Eingabefelder Background Color */
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea, select, select:not([multiple]), .selectize-input {
    box-shadow: none;
    border-radius: 8px;
    border: 1px solid var(--gt-theme-tertiary);
    color: var(--gt-text-color-secondary);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    height: auto;
    width: 100%;
    padding: 12px 24px;
    margin: 0;
    background: #ffffff;
    transition: box-shadow .5s, border-color .25s ease-in-out;
}

/* Taxonomy Listing Home Bottom Color */
.gt-taxonomy-listing-advanced .gt-item a {
    border: 1px solid var(--gt-theme-tertiary);
    color: var(--gt-text-color-secondary);
    border-radius: 12px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    text-align: center;
    height: 100%;
    background-color: #fff;
}


/* Icons vor Recipe Settings Title */
.gt-title::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background-size: contain;
  background-repeat: no-repeat;
}

.gt-lists ul li[data-quantity="Film Simulation"] .gt-title::before {
  background-image: url("/svg_icons/roll.svg");
	background-position: center 1px;
}

.gt-lists ul li[data-quantity="Grain Effect"] .gt-title::before {
  background-image: url("/svg_icons/grain.svg");
	background-position: center 1px;
}

.gt-lists ul li[data-quantity="Chrome Effect"] .gt-title::before {
  background-image: url("/svg_icons/fx.svg");
	background-position: center 1px;
}

.gt-lists ul li[data-quantity="Chrome FX Blue"] .gt-title::before {
  background-image: url("/svg_icons/fx.svg");
	background-position: center 1px;
}

.gt-lists ul li[data-quantity="» Red Curve"] .gt-title::before {
  background-image: url("/svg_icons/letterr.svg");
	background-position: center 1px;
}

.gt-lists ul li[data-quantity="» Blue Curve"] .gt-title::before {
  background-image: url("/svg_icons/letterb.svg");
	background-position: center 1px;
}

.gt-lists ul li[data-quantity="Highlights"] .gt-title::before {
  background-image: url("/svg_icons/highlights.svg");
	background-position: center 1px;
}

.gt-lists ul li[data-quantity="Shadows"] .gt-title::before {
  background-image: url("/svg_icons/shadows.svg");
	background-position: center 1px;
}

.gt-lists ul li[data-quantity="Noise Reduction"] .gt-title::before {
  background-image: url("/svg_icons/noise.svg");
	background-position: center 0px;
}

.gt-lists ul li[data-quantity="Sharpness"] .gt-title::before {
  background-image: url("/svg_icons/lens.svg");
	background-position: center 1px;
}

.gt-lists ul li[data-quantity="Clarity"] .gt-title::before {
  background-image: url("/svg_icons/lensplus.svg");
	background-position: center 1px;
}

.gt-lists ul li[data-quantity="Color"] .gt-title::before {
  background-image: url("/svg_icons/colors.svg");
	background-position: center 1px;
}

.gt-lists ul li[data-quantity="White Balance"] .gt-title::before {
  background-image: url("/svg_icons/slider.svg");
	background-position: center 1px;
}

.gt-lists ul li[data-quantity="Dynamic Range"] .gt-title::before {
  background-image: url("/svg_icons/wbalance.svg");
	background-position: center 1px;
}