/**
* Theme Name: Qamico Child
* Description: This is a child theme of Qamico, generated by Merlin WP.
* Author: <a href="https://wpopal.com/">Opalthemes</a>
* Template: gamico
* Version: 1.1.7
*/

/* ===== Brevo form -> match Mailchimp (pixel-tweaked) ===== */
.footer-newsletter .mail-form{
  display:flex; align-items:center; width:100%;
  gap:12px; padding:8px 0; margin:0; background:transparent;
  border-bottom:1px solid rgba(255,255,255,.25);
  /* κρατά το κείμενο & arrow “μέσα” στη γραμμή */
  line-height:1; 
}
.footer-newsletter .mail-form:focus-within{
  border-bottom-color:rgba(255,255,255,.6);
}

/* --- Input --- */
.footer-newsletter .mail-form input[type="email"]{
  flex:1 1 auto; min-width:0; background:transparent; border:0; outline:none;
  color:#E6E6E6;                    /* ζητήθηκε “γκρι προς το λευκό” όταν πληκτρολογεί */
  caret-color:#ffffff;
  font:inherit;
  font-size:12px;                   /* ίδιο με το επάνω */
  letter-spacing:0.2px;
  line-height:1.2;
  padding:6px 0 7px;                /* baseline-align με το κουμπί */
}

/* placeholder ίδιo με του πάνω */
.footer-newsletter .mail-form input[type="email"]::placeholder{ color:rgba(255,255,255,.65); opacity:1; }
.footer-newsletter .mail-form input[type="email"]::-webkit-input-placeholder{ color:rgba(255,255,255,.65); }
.footer-newsletter .mail-form input[type="email"]::-moz-placeholder{ color:rgba(255,255,255,.65); }
.footer-newsletter .mail-form input[type="email"]:-ms-input-placeholder{ color:rgba(255,255,255,.65); }
.footer-newsletter .mail-form input[type="email"]:-moz-placeholder{ color:rgba(255,255,255,.65); }

/* --- Button / “SUBSCRIBE” --- */
.footer-newsletter .mail-form .button-submit{
  margin-left:auto; background:none; border:0; padding:0; margin-right:0; cursor:pointer;
  display:inline-flex; align-items:center; gap:10px; white-space:nowrap;
  color:#ffffff;                      /* normal: λευκό όπως πάνω */
  text-transform:uppercase; font-weight:500; letter-spacing:.6px;
  font-size:16px;                     /* ίδιο οπτικό βάρος με επάνω */
  line-height:1;
  /* μικρό nudge για να “κάθεται” στη γραμμή όπως το πάνω */
  transform:translateY(1px);
  transition:color .25s ease;
}
.footer-newsletter .mail-form .submit-text{
  display:inline-flex; align-items:center; gap:0px; line-height:1; position:relative;
  --icon-color:#D67E1C;           /* normal arrow χρώμα */
  --icon-color-hover:#FFA83B;     /* hover arrow χρώμα */
}

/* --- Arrow: NE (normal) -> Right (hover) --- */
/* Normal: NE (↗), λίγο μεγαλύτερο για να ταιριάζει οπτικά */
.footer-newsletter .mail-form .submit-text::after{
  content:"";
  width:22px; height:22px; display:inline-block; vertical-align:middle;
  background-color:var(--icon-color);
  /* NE arrow */
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 16 L16 8 M9 8 H16 V15' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 16 L16 8 M9 8 H16 V15' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-size:contain; mask-size:contain;
  -webkit-mask-position:center; mask-position:center;
  transform:translateY(1px); /* ίδιο baseline με το κείμενο */
  transition:
    transform .25s ease,
    background-color .25s ease,
    -webkit-mask-image .25s ease,
    mask-image .25s ease;
}

/* Hover: κείμενο → πορτοκαλί, arrow → δεξιά & “πηδά” δεξιά */
.footer-newsletter .mail-form .button-submit:hover,
.footer-newsletter .mail-form .button-submit:focus{
  color:#D67E1C; /* κάνει το “SUBSCRIBE” πορτοκαλί */
}
.footer-newsletter .mail-form .button-submit:hover .submit-text::after,
.footer-newsletter .mail-form .button-submit:focus .submit-text::after{
  background-color:var(--icon-color-hover);
  transform:translate(6px,1px);  /* κίνηση μόνο δεξιά, κρατάμε ίδιο baseline */
  /* Right arrow */
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h11M13 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h11M13 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* A11y / resets */
.footer-newsletter .mail-form .button-submit:focus-visible{
  outline:2px dashed rgba(255,255,255,.5); outline-offset:3px;
}
.footer-newsletter .mail-form input,
.footer-newsletter .mail-form .button-submit{ box-shadow:none !important; }

@media (max-width:480px){
  .footer-newsletter .mail-form{ gap:10px; }
  .footer-newsletter .mail-form .button-submit{ font-size:14px; letter-spacing:.5px; }
}

/*Social Icons Home*/
img.attachment-full.size-full.wp-image-8712,
img.attachment-full.size-full.wp-image-8713,
img.attachment-full.size-full.wp-image-8718,
img.attachment-full.size-full.wp-image-8714 {
	width: 200px!important;
	height: 200px!important;
}

/*Events Calendar*/
/* Background image ΜΟΝΟ στο Events archive */
body.post-type-archive-tribe_events .breadcrumb-wrap,
body.tribe-events-page-template .breadcrumb-wrap {
  background-image: url("https://meeplepug.com/wp-content/uploads/2025/10/calendar.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Αν ο εσωτερικός Elementor container ρίχνει γκρι background, καθάρισέ το */
body.post-type-archive-tribe_events .breadcrumb-wrap .e-con {
  background: transparent !important;
}

/* Μείωσε/αφαίρεσε το overlay που “γκριζάρει” τη φωτογραφία */
body.post-type-archive-tribe_events .breadcrumb-overlay {
  background: rgba(0,0,0,0.2) !important;  /* βάλε 0 για τελείως καθαρό */
}

/* === Meeple Pug styling for "Find Events" button === */
.tribe-events-c-search__button,
.tribe-common-c-btn.tribe-events-c-search__button {
  background-color: #F79420 !important; /* πορτοκαλί φόντο */
  color: #2b2b2b !important; /* σκούρο γκρι-μαύρο κείμενο */
  border: none !important;
  border-radius: 6px; /* ελαφρά στρογγυλεμένες γωνίες */
  padding: 10px 22px !important;
  font-weight: 600;
  transition: all 0.25s ease-in-out;
}

/* Αφαίρεση μαύρου border στο focus */
.tribe-events-c-search__button:focus,
.tribe-events-c-search__button:active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* Hover + Focus κατάσταση */
.tribe-events-c-search__button:hover,
.tribe-events-c-search__button:focus {
  background-color: #2b2b2b !important; /* ίδια με το text της normal */
  color: #ffffff !important; /* λευκό text */
}

.tribe-events-calendar-month__multiday-event-bar-inner {
  background-color: #F7941D !important;
}

.tribe-events-c-subscribe-dropdown__container {
    display: none !important;
}

/*team members*/
/* Προαιρετικό grid για όλο το section */
.team-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:28px;
}

/* Κάρτα */
.team-card{
  display:block;
  text-align:center;
  cursor:default;
  color:inherit;
}

/* --- Flip core --- */
.flip-perspective{
  display:block;
  width:100%;
  aspect-ratio:3/4;           /* ή 4/5, 1/1 κ.λπ. */
  perspective:1200px;
}

.flip-inner{
  position:relative;
  width:100%;
  height:100%;
  transform-style:preserve-3d;
  transition:transform .7s cubic-bezier(.2,.7,.2,1);
}

.flip-face{
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:12px;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.flip-face img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Μπρος / πίσω */
.flip-front{ transform:rotateY(0); }
.flip-back { transform:rotateY(180deg); }

/* Εφέ flip */
.team-card:hover .flip-inner,
.team-card:focus-within .flip-inner{
  transform:rotateY(180deg);
}

/*text*/
.team-gp-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 20px;
}
.team-name.heading.gamma {
    margin: 0px !important;
}
.team-job.heading.sigma {
    color: #A3A3A3 !important;
}

/**** Brevo form | Community ****/
/* ===== Brevo form -> Community Newsletter (για λευκό φόντο) ===== */

.community-newsletter .mail-form {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 12px;
  padding: 8px 0;
  margin: 0;
  background: transparent;
  border-bottom: 1px solid #232323;
  line-height: 1;
}

.community-newsletter .mail-form:focus-within {
  border-bottom-color: #232323;
}

/* --- Input --- */
.community-newsletter .mail-form input[type="email"] {
  flex: 1 1 auto;
  min-width: 0;
  background: transparent;
  border: 0;
  outline: none;
  color: #232323; /* κείμενο μέσα στο input */
  caret-color: #232323;
  font: inherit;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 1.2;
  padding: 6px 0 7px;
}

/* --- Placeholder --- */
.community-newsletter .mail-form input[type="email"]::placeholder { color: #232323; opacity: 1; }
.community-newsletter .mail-form input[type="email"]::-webkit-input-placeholder { color: #232323; }
.community-newsletter .mail-form input[type="email"]::-moz-placeholder { color: #232323; }
.community-newsletter .mail-form input[type="email"]:-ms-input-placeholder { color: #232323; }
.community-newsletter .mail-form input[type="email"]:-moz-placeholder { color: #232323; }

/* --- Button / “SUBSCRIBE” --- */
.community-newsletter .mail-form .button-submit {
  margin-left: auto;
  background: none;
  border: 0;
  padding: 0;
  margin-right: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  color: #232323; /* default μαύρο */
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.6px;
  font-size: 16px;
  line-height: 1;
  transform: translateY(1px);
  transition: color 0.25s ease;
}

.community-newsletter .mail-form .submit-text {
  display: inline-flex;
  align-items: center;
  gap: 0px;
  line-height: 1;
  position: relative;
  --icon-color: #232323;   /* default arrow */
  --icon-color-hover: #D67E1C; /* hover arrow */
}

/* --- Arrow: NE (normal) -> Right (hover) --- */
.community-newsletter .mail-form .submit-text::after {
  content: "";
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  background-color: var(--icon-color);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 16 L16 8 M9 8 H16 V15' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 16 L16 8 M9 8 H16 V15' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  transform: translateY(1px);
  transition:
    transform 0.25s ease,
    background-color 0.25s ease,
    -webkit-mask-image 0.25s ease,
    mask-image 0.25s ease;
}

/* --- Hover: Subscribe + Arrow πορτοκαλί, arrow κινείται δεξιά --- */
.community-newsletter .mail-form .button-submit:hover,
.community-newsletter .mail-form .button-submit:focus {
  color: #D67E1C;
}

.community-newsletter .mail-form .button-submit:hover .submit-text::after,
.community-newsletter .mail-form .button-submit:focus .submit-text::after {
  background-color: var(--icon-color-hover);
  transform: translate(6px, 1px);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h11M13 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h11M13 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* A11y / resets */
.community-newsletter .mail-form .button-submit:focus-visible {
  outline: 2px dashed #232323;
  outline-offset: 3px;
}

.community-newsletter .mail-form input,
.community-newsletter .mail-form .button-submit {
  box-shadow: none !important;
}

@media (max-width: 480px) {
  .community-newsletter .mail-form { gap: 10px; }
  .community-newsletter .mail-form .button-submit { font-size: 14px; letter-spacing: .5px; }
}

/*Homepage clickable project image*/
.project-item.project-style-5 { cursor: pointer; }

/*Responsive games images*/
@media screen and (max-width: 767px) and (min-width: 320px) {
	.project-item.project-style-5 .project-wrap-title {
		margin-bottom: 0px;
	}
	.site-branding img {
		margin-top: 50px;
	}
}

/*responsive team members*/
.team-gp-content {
    margin-bottom: 150px;
}