/*

Theme Name: gambaff v2.9.9

Theme URI: 

Author: Ivan Dimitrov

Author URI: 

Description: 

Requires at least: 6.0

Tested up to: 6.5

Requires PHP: 8.1

Version: 2.9.9

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: gambaff

Tags: 

*/



header.wp-block-template-part {

    /* margin-bottom: 50px;

    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px; */

    border-top: 3px solid var(--wp--preset--color--custom-color-1);

}



header.wp-block-template-part > div {

    background: #fff !important;

}



header p a[rel="home"] {

    font-weight: 600;

    font-size: 16px;

    letter-spacing: 2px;

    text-decoration: underline;

    text-decoration-thickness: 1px;

    color: var(--wp--preset--color--custom-color-4) !important;

}



header nav button.wp-block-navigation__responsive-container-open {

    background: #000;

    padding: 5px;

}



.wp-block-gambaff-navigation button {

    background: #000 !important;

    padding: 5px !important;

    color: #fff !important;

}



.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {

    max-width: 1200px;

}



.is-layout-constrained > .alignwide {

    max-width: 1200px;

}



.bonus-offer-box {

    background: var(--wp--preset--gradient--custom-color-2);

    display: flex;

    flex-direction: column;

    gap: 20px;

    padding-top: var(--wp--preset--spacing--30);

    padding-right: var(--wp--preset--spacing--30);

    padding-bottom: var(--wp--preset--spacing--30);

    padding-left: var(--wp--preset--spacing--30);

    box-shadow: var(--wp--preset--shadow--natural);

    border: 1px solid #e6e6e6;

}

.bonus-offer-box--label {

    font-weight: bold;

    color: var(--wp--preset--color--custom-color-3);

    font-size: 0.5rem;

    border-radius: 50px;

    text-transform: uppercase;

}



.bonus-offer-box--img {

    font-size: 1.75rem;

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    gap: 10px;

    line-height: 1;

    align-items: center;

}



.bonus-offer-box--img a img, .operator-review--img img {

    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;

}



.bonus-offer-box--img a {

    color: #000;

    text-decoration: none;

}



.cta-button {

    box-sizing: border-box;

    width: 100%;

    text-align: center;

    display: inline-block;

    background: var(--wp--preset--color--custom-color-3);

    color: #fff;

    padding: 10px 25px;

    font-size: 1.5rem;

    text-decoration: none;

    border-radius: 100px;

}



.bonus-offer-box--tc {

    font-size: 0.75rem;

}



.view-more-button {

    cursor: pointer;

    background: none;

    border: none;

    text-decoration: underline;

    color: var(--wp--preset--color--custom-color-3);

}



button.view-more-button[data-open="0"] {

    box-shadow: 0px -75px 50px 40px #fff;

}

.view-more-button[data-open] {

    border: none;

    background: var(--wp--preset--color--custom-color-4);

    color: #fff;

    padding: 8px 14px;

    border-radius: 8px;

    font-size: 1rem;

    font-weight: 500;

    cursor: pointer;

    width: 100%;

    z-index: 9999;

    position: relative;

    text-decoration: none !important;

}



.operator-review {

    align-items: center;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    padding-top: var(--wp--preset--spacing--40);

    padding-right: var(--wp--preset--spacing--30);

    padding-bottom: var(--wp--preset--spacing--30);

    padding-left: var(--wp--preset--spacing--30);

    gap: 5px;

    border: 1px solid #fff;

    position: relative;

    background: var(--wp--preset--color--custom-color-4);

    margin-top: 0;

}



.operator-review .operator-review--details a, .operator-review .operator-review--img a {

    color: #fff;

    text-decoration: none;

}

.operator-review--left {

    align-items: center;

    display: flex;

    gap: 10px;

    flex-direction: row;

}

.operator-review--right {

    display: flex;

    flex-direction: column;

    gap: 10px;

}

.operator-review--sequence {

    position: absolute;

    font-size: 12px;

    background: var(--wp--preset--color--custom-color-3);

    border: 1px solid #00000069;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 25px;

    height: 25px;

    color: #fff;

    border-radius: 50px;

    font-weight: bold;

    bottom: 20px;

    left: 3px;

}



.operator-review--badge {

    position: absolute;

    display: flex;

    align-items: center;

    justify-content: center;

    top: 0;

    right: 25%;

    gap: 6px;

}



.operator-review--badge-text {

    font-size: 9px !important;

    border: 1px solid #fff !important;

    border-top: none !important;

    border-radius: 0 !important;

    color: #fff !important;

    background: none !important;

    padding: 3px 6px;

}



.operator-review--name {

    font-size: 1rem;

    font-weight: 600;

}

.operator-review--type {

    font-size: 0.75rem;

    /* display: none; */

}



.operator-review--bonus {

    margin-top: 10px;

    /* font-size: 18px; */

    background: var(--wp--preset--color--custom-color-2);

    color: #000;

    padding: 2px 5px;

    border-radius: 5px;

    display: inline-block;

    text-decoration: none;

    border: 2px solid var(--wp--preset--color--custom-color-1);

}



.operator-review--visit-button {

    display: flex;

    flex-direction: column;

}

.operator-review--visit-button a {

    text-align: center;

    font-size: 1.25rem;

    display: inline-block;

    padding: 10px 35px;

    border-radius: 100px;

    width: 100%;

    color: #fff;

    background: var(--wp--preset--color--custom-color-3);

    box-sizing: border-box;

    text-decoration: none;

    margin-top: 10px;

}

.operator-review--visit-button a:not(:first-child) {

    color: #fff;

    font-size: 0.75rem;

    text-underline-offset: auto;

    background: none;

}



@media (max-width: 480px) {

    .operator-review {

        flex-direction: column;

        align-items: flex-start;

        /* gap: 25px; */

    }

    .operator-review--visit-button {

        flex-direction: column;

        gap: 0;

    }

    .operator-review--visit-button a {

        text-align: center;

        background: var(--wp--preset--color--custom-color-3);

        color: #fff;

        text-decoration: none;

        font-size: 1rem;

    }

    .operator-review--visit-button a:not(:first-child) {

        background: unset;

        text-decoration: underline;

        border: 1px solid #e6e6e6;

    }

    .operator-review--left, .operator-review--right {

        width: 100%;

        margin-top: 20px;

    }

    .operator-review--sequence {

        top: 95px;

    }

}



.operator-review-title {

    text-transform: capitalize;

}





/*toc styles*/

/* ul.operator-toc {

    border: 1px solid var(--wp--preset--color--custom-color-4);

    padding: 20px;

    max-height: 33.3vh;

    overflow: auto;

} */

/* ul.operator-toc li {

    margin-bottom: 10px;

    padding-bottom: 10px;

    border-bottom: 1px solid;

    margin-top: 10px;

    list-style: none;

} */



/* .operator-toc li a {

    text-decoration: none;

} */



.operator-toc {

    border-radius: 8px;

    max-width: 100%;

    /* border: 1px solid var(--wp--preset--color--custom-color-3); */

    padding: 20px;

    max-height: 33.3vh;

    overflow: auto;

    background: var(--wp--preset--gradient--custom-color-1) !important;

    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;

}



/* Title row */

.operator-toc p {

  margin: 0;

  cursor: pointer;

  font-weight: 600;

  display: flex;

  align-items: center;

  justify-content: space-between;

  user-select: none;

  font-size: 1.25rem;

}



/* Arrow icon */

.operator-toc p::after {

  content: "+";

  font-size: 30px;

  transition: transform 0.25s ease;

}



/* Rotate arrow when open */

.operator-toc.open p::after {

  transform: rotate(45deg);

}



.operator-toc.open p {

    margin-bottom: 30px;

}



/* List styling */

.operator-toc li {

  display: none;

  margin-bottom: 10px;

  /* padding-bottom: 10px; */

  margin-top: 10px;

  list-style: none;

  background: #fff;

  padding: 15px 25px;

  border-radius: 15px;

  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;

}



.operator-toc li a {

    text-decoration: none;

    color: var(--wp--preset--color--custom-color-3);

}



.operator-toc li a:hover {

  text-decoration: underline;

}



/*nav operator*/



.wp-block-navigation__submenu-container {

    display: grid !important;

    grid-template-columns: 1fr 1fr !important;

    padding: 20px 0 !important;

    width: 100%;

}



.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {

    font-size: 1.25rem;

}



.operator-nav-item {

    flex-direction: column;

    margin-bottom: 15px;

}



.operator-nav-item-see-all {

    font-size: 1.25rem;

    text-decoration: underline;

}



.operator-nav-item a {

    flex-direction: column;

}



span.operator-nav-item-type {

    display:block;

    margin: 0;

    font-size: 1rem;

    color: var(--wp--preset--color--custom-color-1);

}





/*sticky cta bar - mobile only*/

.sticky-cta-bar {

    display: none;

}



@media (max-width: 768px) {

    .sticky-cta-bar {

        display: flex;

        position: fixed;

        bottom: -1px;

        left: 0;

        right: 0;

        background: var(--wp--preset--gradient--custom-color-2);

        padding: 12px 15px;

        gap: 12px;

        align-items: center;

        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);

        z-index: 999;

    }



    .sticky-cta-bar--logo {

        flex-shrink: 0;

    }



    .sticky-cta-bar--logo img {

        width: 50px;

        height: 50px;

        border-radius: 50%;

        display: block;

    }



    .sticky-cta-bar--name {

        flex: 1;

        font-weight: 600;

        font-size: 0.95rem;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

    }



    .sticky-cta-bar--button {

        flex-shrink: 0;

    }



    .sticky-cta-bar--button a {

        padding: 8px 16px;

        font-size: 0.9rem;

        white-space: nowrap;

    }



    body {

        padding-bottom: 80px;

    }

}



/*Gift wrapper animation*/

/* Wrapper: optional styling for layout */

.header-gift-wrapper {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-right: 12px;

    background: var(--wp--preset--color--custom-color-4);

    border-radius: 50%;

    width: 40px;

    height: 40px;

    border: 3px solid var(--wp--preset--color--custom-color-1);

}



/* SVG styling */

.header-gift-wrapper .svg-gift {

  display: block;

  transform-origin: center; /* essential for scaling & rotation */

  animation: tada 1.4s ease-in-out infinite; /* loop the animation */

  filter: drop-shadow(-3px 3px 10px var(--wp--preset--color--custom-color-4));

  width: 30px;

  height: 30px;

}



.gift-icon-btn:after {

    content: attr(data-count);

    font-size: 10px;

    background: #ff1000;

    font-weight: 600;

    color: #fff;

    width: 18px;

    height: 18px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    position: absolute;

    top: -3px;

    right: -3px;

}



/* Tada keyframes (Animate.css style) */

@keyframes tada {

  from {

    transform: scale3d(1, 1, 1);

  }



  10%, 20% {

    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);

  }



  30%, 50%, 70%, 90% {

    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);

  }



  40%, 60%, 80% {

    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);

  }



  to {

    transform: scale3d(1, 1, 1);

  }

}



/* Optional: pause animation on hover */

.header-gift-wrapper .svg-gift:hover {

  animation-play-state: paused;

}



/* Gift Icon Button Styling */

.gift-icon-btn {

  background: transparent;

  border: none;

  cursor: pointer;

  padding: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: opacity 0.2s ease;

  color: inherit;

}



.gift-icon-btn:hover {

  opacity: 0.8;

}



.gift-icon-btn:focus {

  outline: 2px solid #ffffff;

  outline-offset: 2px;

  border-radius: 4px;

}



/* Modal Styling */

.gift-modal {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 9999;

  display: flex;

  align-items: center;

  justify-content: center;

  opacity: 0;

  visibility: hidden;

  transition: opacity 0.3s ease, visibility 0.3s ease;

}



.gift-modal.active {

  opacity: 1;

  visibility: visible;

}



/* Modal Overlay */

.gift-modal-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.5);

  backdrop-filter: blur(4px);

  animation: fadeIn 0.3s ease;

}



/* Modal Content */

.gift-modal-content {

  position: relative;

  width: 90%;

  height: 90%;

  background: #ffffff;

  border-radius: 12px;

  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);

  display: flex;

  flex-direction: column;

  animation: slideUp 0.3s ease;

  max-width: 1200px;

}



.gift-modal.active .gift-modal-content {

  animation: slideUp 0.3s ease;

}



.gift-modal:not(.active) .gift-modal-content {

  animation: slideDown 0.3s ease reverse;

}



/* Modal Close Button */

.gift-modal-close {

  /* position: absolute; */

  /* top: 20px;

  right: 20px; */

  margin-left: auto !important;

  margin: 5px;

  background: #000000;

  border: none;

  cursor: pointer;

  color: #ffffff;

  width: 40px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  transition: background-color 0.2s ease, color 0.2s ease;

  z-index: 10;

  flex-shrink: 0;

}



.gift-modal-close:hover {

  background-color: #f0f0f0;

  color: #000;

}



.gift-modal-close:focus {

  outline: 2px solid #333;

  outline-offset: 2px;

}



.gift-modal-close svg {

  width: 30px;

  height: 30px;

}



/* Modal Body */

.gift-modal-body {

  flex: 1;

  padding: 10px 40px;

  overflow-y: auto;

  position: relative;

  display: flex;

  flex-direction: column;

  gap: 10px;

}



/* Animations */

@keyframes fadeIn {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}



@keyframes slideUp {

  from {

    opacity: 0;

    transform: translateY(30px);

  }

  to {

    opacity: 1;

    transform: translateY(0);

  }

}



@keyframes slideDown {

  from {

    opacity: 1;

    transform: translateY(0);

  }

  to {

    opacity: 0;

    transform: translateY(30px);

  }

}



/* Responsive Design */

@media (max-width: 768px) {

  .gift-modal-content {

    width: 90%;

    height: 90%;

    border-radius: 8px;

  }



  .gift-modal-close {

    top: 15px;

    right: 15px;

    width: 40px;

    height: 40px;

  }



  .gift-modal-close svg {

    width: 30px;

    height: 30px;

  }



  .gift-modal-body {

    padding: 25px;

  }

}



@media (max-width: 480px) {

  .gift-modal-content {

    width: 90%;

    height: 90%;

    border-radius: 6px;

  }



  .gift-modal-close {

    top: 10px;

    right: 10px;

    width: 40px;

    height: 40px;

  }



  .gift-modal-close svg {

    width: 30px;

    height: 30px;

  }



  .gift-modal-body {

    padding: 15px;

  }

}



/* Similar operators (design 2) */

.gambaff-similar-operators {

    margin-top: 45px;

    margin-bottom: 16px;

    max-width: 1200px;

    margin-left: auto;

    margin-right: auto;

    padding: 0 10px;

}



.gambaff-similar-operators__title {

    margin-bottom: 18px;

    text-transform: uppercase;

    letter-spacing: 1px;

}



.gambaff-similar-operators__grid {

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 16px;

}



.similar-operator-review {

    position: relative;

    background: var(--wp--preset--color--custom-color-4);

    border: 1px solid #ffffff1f;

    border-radius: 8px;

    padding: 16px;

    color: #fff;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.similar-operator-review__badge {

    display: flex;

    gap: 6px;

    margin-bottom: 10px;

    flex-wrap: wrap;

}



.similar-operator-review__badge-text {

    display: flex;

    color: #fff;

    font-size: 9px;

    padding: 3px 3px;

    border-radius: 14px;

    justify-content: center;

    align-items: center;

}



.similar-operator-review__top {

    /* display: flex; */

    align-items: center;

    text-align: center;

    gap: 10px;

}



.similar-operator-review__top img {

    border-radius: 8px;

}



.similar-operator-review__details a {

    text-decoration: none;

    color: #fff;

}



.similar-operator-review__name {

    font-size: 1rem;

    font-weight: 700;

}



.similar-operator-review__type {

    font-size: 0.75rem;

    opacity: 0.9;

}



.similar-operator-review__bonus {

    margin-top: 8px;

    color: #000;

    background: var(--wp--preset--color--custom-color-2);

    border: 1px solid var(--wp--preset--color--custom-color-1);

    border-radius: 6px;

    padding: 4px 6px;

    display: inline-block;

}



.similar-operator-review__actions {

    display: flex;

    flex-direction: column;

    gap: 8px;

    margin-top: 12px;

}



.similar-operator-review__actions a {

    text-align: center;

    text-decoration: none;

    border-radius: 99px;

    padding: 8px 12px;

    font-size: 0.9rem;

}



.similar-operator-review__actions a:first-child {

    background: var(--wp--preset--color--custom-color-3);

    color: #fff;

}



.similar-operator-review__actions a:not(:first-child) {

    border: 1px solid #ffffff80;

    color: #fff;

}



@media (max-width: 980px) {

    .gambaff-similar-operators__grid {

        grid-template-columns: 1fr;

    }

}



/*Before footer language links and socials*/

.gambaff-before-footer {

    margin-top: 50px;

    /* max-width: var(--wp--style--global--content-size);

    margin-left: auto !important;

    margin-right: auto !important; */

    background: var(--wp--preset--color--custom-color-4);

}



.gambaff-before-footer-inner {

    max-width: var(--wp--style--global--content-size);

    margin-left: auto !important;

    margin-right: auto !important;

    display: flex;

    justify-content: space-between;

    padding: 10px;

}



.gambaff-language-links {

    display: flex;

    gap: 10px;

    justify-content: center;

}



.gambaff-language-links a {

  text-decoration: none;

  color: var(--wp--preset--color--custom-color-1);

}



.gambaff-socials {

    display: flex;

    gap: 15px;

    justify-content: center;

}



.gambaff-socials a {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    transition: opacity 0.3s ease;

}



.gambaff-socials a:hover, .gambaff-language-links a:hover {

    opacity: 0.8;

}



/* .gambaff-language-links a {

    font-size: 24px;

} */



/*footer*/

/* footer.wp-block-template-part {

  margin-top: 0;

} */

footer.wp-block-template-part div:first-child {

  margin-top: 0 !important;

}



footer div.has-background:first-child {

    background: #ececec !important;

}



footer div.has-background:first-child p, footer div.has-background:first-child a {

    color: #000 !important;

}





@media (max-width: 480px) {

    footer.wp-block-template-part .wp-block-group {

        display: flex;

        flex-direction: column;

    }

}

/* Author Info Shortcode */

.author-info {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 24px;

    padding: 10px;

    background: #f4f4f4;

    transition: all 0.3s ease;

}



.author-info--avatar-details-wrapper {

    display: flex;

    align-items: center;

    gap: 24px;

}

/* 

.author-info:hover {

    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);

} */



.author-info--avatar {

    flex-shrink: 0;

}



.author-info--avatar a {

    display: block;

}



.author-info--avatar img {

    border-radius: 50%;

    border: 3px solid #17d249;

    display: block;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);

    display: block;

    width: 40px !important;

    height: 40px !important;

}



.author-info--details {

    flex: 1;

    min-width: 0;

}



.author-info--name {

    margin: 0;

    font-size: 1rem;

    font-weight: 600;

    line-height: 1.3;

    color: var(--wp--preset--color--custom-color-4, #1a1a1a);

}



.author-info--name a {

    text-decoration: none;

    color: inherit;

    transition: color 0.3s ease;

}



.author-info--name a:hover {

    color: var(--wp--preset--color--custom-color-1, #0066cc);

}



.author-info--bio {

    margin: 0;

    font-size: 0.75rem;

    line-height: 1.6;

    color: #666666;

}



.author-info--bio p {

    margin: 0;

}



.author-info--last-update {

    font-size: 0.75rem;

    text-align: center;

}



/* Responsive Design */

@media (max-width: 768px) {

    /* .author-info {

        flex-direction: column;

        text-align: center;

        gap: 16px;

    } */



    /* .author-info--name {

        font-size: 1.1rem;

    } */

}



@media (max-width: 480px) {

    .author-info {

        padding: 16px;

        gap: 12px;

    }



    .author-info--avatar img {

        width: 40px !important;

        height: 40px !important;

    }



    /* .author-info--name {

        font-size: 1rem;

    } */



    .author-info--bio {

        font-size: 0.75rem;

    }

}



/* Author Archive (FSE author.html template) */

.gambaff-author-page--header {

    display: flex;

    align-items: flex-start;

    gap: 24px;

    padding: 24px;

    background: #f4f4f4;

    margin-bottom: 32px;

}



.gambaff-author-page--avatar img {

    border-radius: 50%;

    border: 3px solid #17d249;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);

    display: block;

}



.gambaff-author-page--details {

    flex: 1;

    min-width: 0;

}



.gambaff-author-page--name {

    margin: 0 0 12px;

    font-size: 1.6rem;

    font-weight: 700;

    line-height: 1.3;

    color: var(--wp--preset--color--custom-color-4, #1a1a1a);

}



.gambaff-author-page--socials {

    display: flex;

    gap: 12px;

    align-items: center;

    flex-wrap: wrap;

    margin-bottom: 16px;

}



.gambaff-author-page--socials a.gambaff-author-social {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    transition: opacity 0.3s ease;

}



.gambaff-author-page--socials a.gambaff-author-social--facebook,

.gambaff-author-page--socials a.gambaff-author-social--twitter {

    width: 32px;

    height: 32px;

    border-radius: 50%;

    background: var(--wp--preset--color--custom-color-3, #1a1a1a);

}



.gambaff-author-page--socials a.gambaff-author-social--additional {

    font-size: 0.8rem;

    padding: 6px 12px;

    border-radius: 20px;

    background: #e6e6e6;

    color: #333333;

    text-decoration: none;

}



.gambaff-author-page--socials a.gambaff-author-social:hover {

    opacity: 0.8;

}



.gambaff-author-page--bio {

    font-size: 0.9rem;

    line-height: 1.6;

    color: #444444;

}



.gambaff-author-page--bio p {

    margin: 0 0 8px;

}



.gambaff-author-page--posts {

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));

    gap: 20px;

}



.gambaff-author-page--post {

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 12px;

    background: #f4f4f4;

    text-decoration: none;

    color: inherit;

    transition: box-shadow 0.3s ease;

}



.gambaff-author-page--post:hover {

    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);

}



.gambaff-author-page--post-thumb img {

    display: block;

    width: 64px;

    height: 64px;

    object-fit: cover;

    border-radius: 6px;

}



.gambaff-author-page--post-content {

    display: flex;

    flex-direction: column;

    gap: 4px;

    min-width: 0;

}



.gambaff-author-page--post-title {

    font-weight: 600;

    font-size: 0.95rem;

    color: var(--wp--preset--color--custom-color-4, #1a1a1a);

}



.gambaff-author-page--post-date {

    font-size: 0.75rem;

    color: #666666;

}



.gambaff-author-page--pagination {

    margin-top: 24px;

    display: flex;

    gap: 8px;

    justify-content: center;

}



.gambaff-author-page--pagination .page-numbers {

    padding: 6px 12px;

    background: #f4f4f4;

    text-decoration: none;

    color: inherit;

    border-radius: 4px;

}



.gambaff-author-page--pagination .page-numbers.current {

    background: var(--wp--preset--color--custom-color-3, #1a1a1a);

    color: #ffffff;

}



@media (max-width: 480px) {

    .gambaff-author-page--header {

        flex-direction: column;

        align-items: center;

        text-align: center;

        padding: 16px;

    }



    .gambaff-author-page--socials {

        justify-content: center;

    }

}



/*Contact modal*/

    .contact-modal {

        position: fixed;

        z-index: 9999;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        background-color: rgba(0, 0, 0, 0.5);

        overflow: auto;

    }

    .contact-modal-content {

        background-color: #fefefe;

        margin: 10% auto;

        padding: 30px;

        border-radius: 8px;

        width: 90%;

        max-width: 300px;

        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

    }

    .contact-modal-close {

        color: #aaa;

        font-size: 28px;

        font-weight: bold;

        cursor: pointer;

        float: right;

        line-height: 20px;

    }

    .contact-modal-close:hover {

        color: #000;

    }

    .contact-modal h2 {

        margin-top: 0;

        margin-bottom: 20px;

        color: #333;

    }

    .form-group {

        margin-bottom: 15px;

    }

    .form-group label {

        display: block;

        margin-bottom: 5px;

        font-weight: bold;

        color: #333;

    }

    .form-group input,

    .form-group textarea {

        width: 100%;

        padding: 10px;

        border: 1px solid #ddd;

        border-radius: 4px;

        font-family: Arial, sans-serif;

        font-size: 14px;

        box-sizing: border-box;

    }

    .form-group input:focus,

    .form-group textarea:focus {

        outline: none;

        border-color: #000000;

        box-shadow: 0 0 5px rgba(65, 65, 65, 0.3);

    }

    .contact-submit-btn {

        background-color: #000;

        color: white;

        padding: 10px 20px;

        border: none;

        border-radius: 4px;

        cursor: pointer;

        font-size: 16px;

        font-weight: bold;

        width: 100%;

        transition: background-color 0.3s;

    }

    .contact-submit-btn:hover {

        background-color: #252525;

    }

    .contact-submit-btn:disabled {

        background-color: #ccc;

        cursor: not-allowed;

    }



    .single-operator .wp-block-group-is-layout-grid {

        grid-template-columns: 1fr 1fr;

    }



    .single-operator a.cta-count.cta-button {

        border-radius: 5px;

    }



    .single-operator .wp-block-group.has-background:not(header div, footer div) {

        background: var(--wp--preset--color--custom-color-4) !important;

        color: #fff !important;

    }



    .single-operator .wp-block-post-featured-image {

        text-align: center;

    }



    .bonus-offer-box, .sticky-cta-bar, .operator-toc {

        background: var(--wp--preset--color--custom-color-4) !important;

        color: #fff;

    }



    .bonus-offer-box p, .bonus-offer-box a {

        color: #fff;

    }