/*
Theme Name: SEC Recruit (Block Theme)
Theme URI: https://example.com/sec-recruit
Author: ChatGPT
Author URI: https://example.com
Description: Lightweight Gutenberg-first block theme optimized for landing pages and a clean homepage. Includes a 404 page.
Requires at least: 6.5
Tested up to: 6.6
Requires PHP: 7.4
Version: 1.1.2
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sec-recruit
*/

.text-center { text-align: center; }
.p-6 { padding: 1.5rem; }
.emoji-kit .text-2xl { font-size: 1.5rem; line-height: 2rem; }
.emoji-kit .w-16 { width: 4rem; }
.emoji-kit .h-16 { height: 4rem; }
.emoji-kit .flex { display: flex; }
.emoji-kit .mb-4 { margin-bottom: 1rem; }
.emoji-kit .mx-auto { margin-left: auto; margin-right: auto; }
.emoji-kit .rounded-full { border-radius: 9999px; }
.emoji-kit .justify-center { justify-content: center; }
.emoji-kit .items-center { align-items: center; }
.emoji-kit .bg-green-100 { --tw-bg-opacity:1; background-color: rgb(220 252 231 / var(--tw-bg-opacity)); }
.emoji-kit .bg-blue-100  { --tw-bg-opacity:1; background-color: rgb(219 234 254 / var(--tw-bg-opacity)); }
.emoji-kit .bg-gray-100  { --tw-bg-opacity:1; background-color: rgb(222 222 222 / var(--tw-bg-opacity)); }

/* Let the site logo resize fluidly */
.site-logo img,
.custom-logo,
.wp-block-site-logo img {
  max-height: 60px;   /* adjust to fit your header */
  height: auto;
  width: auto;
  object-fit: contain; /* prevent cropping */
}

/* Ensure header container doesn't clip the logo */
.site-header,
header .site-branding,
.wp-block-group.is-header {
  overflow: visible !important;
  min-height: 70px; /* give breathing room on tall logos */
}

/* On very small screens (iPhone SE/Pro/Pro Max widths) */
@media (max-width: 480px) {
  .site-logo img,
  .custom-logo {
    max-height: 48px; /* shrink logo slightly so it fits cleanly */
  }
}

@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}