/* GAP Travel — helper styles layered on top of theme.json block styles. */ html { scroll-behavior: smooth; } /* Greek pages (Polylang sets ): Poppins/Lato have no Greek glyphs, so use Manrope, which does — keeps EL on-brand instead of falling back to system fonts. */ html[lang="el"] body, html[lang="el"] input, html[lang="el"] textarea, html[lang="el"] select, html[lang="el"] button, html[lang="el"] .wp-block-navigation { font-family: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif; } html[lang="el"] h1, html[lang="el"] h2, html[lang="el"] h3, html[lang="el"] h4, html[lang="el"] h5, html[lang="el"] h6, html[lang="el"] .gt-eyebrow, html[lang="el"] .gt-price, html[lang="el"] .wp-element-button, html[lang="el"] .wp-block-site-title { font-family: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif; font-weight: 700; } /* Eyebrow / kicker label */ .gt-eyebrow { text-transform: uppercase; letter-spacing: 0.2em; font-family: var(--wp--preset--font-family--poppins); font-weight: 600; font-size: 0.8rem; } /* Card: subtle lift on hover (services / packages / hotels) */ .gt-card { background: #fff; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 1rem; overflow: hidden; transition: transform 0.2s ease, box-shadow 0.2s ease; height: 100%; } .gt-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(34, 34, 34, 0.1); } /* Equal-height cards inside columns */ .gt-cards .wp-block-column { display: flex; } /* Round icon chip */ .gt-icon { display: inline-flex; align-items: center; justify-content: center; width: 3.25rem; height: 3.25rem; border-radius: 0.85rem; background: color-mix(in srgb, var(--wp--preset--color--brand) 12%, transparent); font-size: 1.5rem; line-height: 1; } /* Amenities checklist — two columns, brand check marks */ .gt-amenities ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem 1.5rem; } .gt-amenities li { position: relative; padding-left: 1.5rem; color: rgba(34, 34, 34, 0.85); font-size: 0.95rem; } .gt-amenities li::before { content: "✓"; position: absolute; left: 0; color: var(--wp--preset--color--brand); font-weight: 700; } @media (max-width: 600px) { .gt-amenities ul { grid-template-columns: 1fr; } } /* Price tag on package cards */ .gt-price { font-family: var(--wp--preset--font-family--poppins); font-weight: 700; color: var(--wp--preset--color--brand); } /* Duration badge */ .gt-badge { display: inline-block; background: rgba(34, 34, 34, 0.8); color: var(--wp--preset--color--surface); border-radius: 999px; padding: 0.2rem 0.7rem; font-size: 0.75rem; } /* Make cover blocks used as hotel cards clickable-feeling */ .gt-hotelcard .wp-block-cover__inner-container { align-self: end; } /* Contact form (Contact Form 7) styling */ .gt-form .wpcf7-form-control:not(.wpcf7-submit) { width: 100%; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0.6rem; padding: 0.7rem 0.9rem; font-size: 0.95rem; font-family: inherit; background: #fff; } .gt-form label { display: block; font-weight: 600; font-size: 0.9rem; margin-bottom: 1rem; } .gt-form label span.req { color: var(--wp--preset--color--brand); } .gt-form .wpcf7-submit { background: var(--wp--preset--color--brand); color: var(--wp--preset--color--surface); border: 0; border-radius: 999px; padding: 0.85rem 2rem; font-family: var(--wp--preset--font-family--poppins); font-weight: 600; cursor: pointer; transition: background 0.2s ease; } .gt-form .wpcf7-submit:hover { background: var(--wp--preset--color--brand-dark); }