/*
Theme Name: Aamira
Theme URI: https://coders-time.com/aamira-theme/
Author: Coders Time Team
Author Email: coderstime@gmail.com
Author URI: https://profiles.wordpress.org/coderstime/
Description: Aamira woocommerce block theme emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aamira
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, blog, portfolio, news
*/


/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
  text-decoration-thickness: 1px !important;
  text-underline-offset: 0.1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
  outline-width: 2px;
  outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation
  .wp-block-navigation-submenu
  .wp-block-navigation-item:not(:last-child) {
  margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation
  .wp-block-navigation-item
  .wp-block-navigation-item__content {
  outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation
  .wp-block-navigation-item
  ul.wp-block-navigation__submenu-container
  .wp-block-navigation-item__content {
  outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
  text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
  display: block;
}

.wp-block-button.is-style-outline.login-button .wp-block-button__link {
  background-color: white;
  border: 1px solid #3b82f6;
  color: #3b82f6;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 500;
  font-size: var(--wp--preset--font-size--medium);
  transition: background-color 0.2s;
}

.wp-block-button.is-style-outline.login-button .wp-block-button__link:hover {
  background-color: rgba(59, 130, 246, 0.1) !important;
}

.header-button2:hover {
  opacity: 0.7;
}

.navber-menu {
  text-decoration: none;
}

.wp-block-column.team-members {
  background-color: white;
  border-radius: 0.75rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -4px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: all 0.3s ease;
  min-height: 200px;
}

.wp-block-column.team-members:hover {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
  transform: translateY(-0.25rem);
}

.wp-block-button.get-button a {
  display: inline-block;
  padding: 12px 32px;
  background-color: #2563eb;
  color: white;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  text-align: center;
  opacity: 1;
  transition: opacity 0.2s ease;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.wp-block-button.get-button a:hover {
  opacity: 0.9;
  box-shadow: 0 4px 8px rgba(37, 99, 235, 0.2);
}

/* Section from here */

.wp-block-column.section-card {
  text-align: center;
  /* flex: 0 0 350px !important;
  max-width: 350px !important; */
  margin: 0 auto;
  transition: transform 0.3s ease-in-out;
  border-radius: 12px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.wp-block-column.section-card:hover {
  transform: scale(1.05);
}
.wp-block-image.section-card-icon {
  width: 64px;
  height: 64px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
  background-color: #dbeafe;
  color: #2563eb;
  border-radius: 100%;
}

.wp-block-button.is-style-fill.section-button {
  display: inline-block;
  color: white;
  font-weight: 600;
  line-height: 1.75rem;
  margin-top: 2rem;
  border-radius: 6px;
  text-decoration: none;
  text-align: center;
  opacity: 1;
  transition: opacity 0.2s ease;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.wp-block-button.is-style-fill.section-button:hover {
  opacity: 0.7;
  box-shadow: 0 4px 8px rgba(37, 99, 235, 0.2);
}

/* Outer container to hide overflow */
.wp-block-group.logo-scroll-container {
  overflow: hidden;
  padding: 30px 0;
}
/* Inner container that scrolls */
.wp-block-group.logo-scroll-track {
  display: flex;
  gap: 10px;
  animation: scroll-left 20s linear infinite;
}

/* Each logo style */
.wp-block-image.partner-logo {
  flex: 0 0 auto;
  width: 96px;
  height: 96px;
  background-color: white;
  color: #2563eb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  overflow: hidden;
  border: 1px solid rgba(37, 99, 235, 0.1);
}

.wp-block-image.partner-logo:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);
  border-color: rgba(37, 99, 235, 0.3);
}

/* Scroll animation */
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.wp-block-group.stats-section {
  background: linear-gradient(to bottom right, #e3f2fd, #ffffff);
  padding: 80px 20px;
  text-align: center;
}

.wp-block-group.stat-card {
  background: #ffffff;
  padding: 32px;
  border-radius: 16px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wp-block-group.stat-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}

.wp-block-group.stat-card img {
  background: #cccfe1;
  padding: 12px;
  border-radius: 50%;
  width: 64px;
  height: 64px;
}

.wp-block-button.is-style-fill.service-button {
  background: linear-gradient(to right, #2563eb, #4f46e5);
  display: inline-block;
  color: white;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  border-radius: 0.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: background 0.3s ease;
}
.wp-block-button.is-style-fill.service-button:hover {
  background: linear-gradient(to right, #1d4ed8, #4338ca);
  opacity: 0.7;
  box-shadow: 0 4px 8px rgba(37, 99, 235, 0.2);
}
.wp-block-button.subscribe-button:hover {
  opacity: 0.9;
}

.wp-block-button.is-style-outline.subscribe-button2:hover {
  background-color: #2563eb;
  border-radius: 1.75rem;
  color: white;
  border: none;
}

/* Member card from here */

.wp-block-column.member-card {
  text-align: center;
  /* flex: 0 0 350px !important;
  max-width: 350px !important; */
  margin: 0 auto;
  transition: transform 0.3s ease-in-out;
  border-radius: 12px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.wp-block-column.member-card:hover {
  transform: scale(1.05);
}
/* .wp-block-image.member-card-icon{
  width: 64px;
  height: 64px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
  border-radius: 100%;
} */

.wp-block-button.member-card-button:hover {
  background: linear-gradient(to right, #6366f1, #2563eb);
  border-radius: 2rem;
}

.wp-block-image.is-style-default .member-facebook:hover {
  color: #1725ec !important;
}

.wp-block-image.is-style-default .member-linkedin:hover {
  color: #1c9cea !important;
}

.wp-block-image.is-style-default .member-twitter:hover {
  color: #219ebc !important;
}

.wp-block-image.is-style-default .member-instagram:hover {
  color: #d43d5e !important;
}

/* .wp-block-group.footer-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  padding-bottom: 4rem;
  border-bottom: 1px solid #4a5568;
  padding-left: 1rem;
  padding-right: 1rem;
} */

/* footer style here */

.footer-listitem {
  list-style: none !important;
}

.footer-listitem a {
  text-decoration: none;
  cursor: pointer;
  list-style: none !important;
}
.footer-listitem:hover a {
  color: #60a5fa;
  transition: color 0.15s ease-in-out;
}
.footer-bottom-p {
  margin-block-start: 0;
}

.input-field {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-radius: 0.375rem;
  background-color: #1f2937;
  color: white;

  &::placeholder {
    color: #444547;
  }

  &:focus {
    outline: none;
    box-shadow: 0 0 0 2px #3b82f6;
  }

  width: 100%;
}

@media (min-width: 640px) {
  .input-field {
    width: auto;
  }
}
.wp-block-button.footer-btn {
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
}
.wp-block-button.footer-btn:hover {
  background-color: #2563eb;
  color: #d8151f;
  transform: scale(1.05);
}