/*
Theme Name: Taachco
Theme URI: https://taachco.ir/
Author: BalootWP Digital Agency
Author URI: https://balootwp.ir/
Description: قالب اختصاصی وب‌سایت شرکت تاچکو، طراحی و توسعه‌یافته توسط آژانس دیجیتال بلوط به سفارش شرکت سیمرغ. این قالب با معماری بهینه، ساختار ماژولار و یکپارچگی کامل با Elementor، متناسب با هویت بصری و نیازهای اختصاصی تاچکو پیاده‌سازی شده است.
Version: 3.3.0
Text Domain: taachco
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
*/


.ta-wp-content {
  width: 100%;
  min-width: 0;
}

.ta-wp-content > :last-child {
  margin-bottom: 0;
}

/*
 * Compact laptop profile
 *
 * Retina density does not change CSS layout dimensions. This profile targets
 * the logical viewport used by 13/14-inch laptops (including the 2019
 * MacBook Air) and reduces the desktop scale without affecting large desktop,
 * tablet or mobile layouts.
 */
@media (min-width: 992px) and (max-width: 1512px) {
  :root {
    --ta-container-max-width: 1320px;
    --ta-container-padding-x: 24px;

    --ta-type-section-title-size: 30px;
    --ta-type-section-link-size: 15px;
    --ta-type-meta-size: 14px;
    --ta-type-meta-icon-size: 20px;
    --ta-type-card-title-size: 17px;
    --ta-type-card-text-size: 14px;
    --ta-type-card-action-size: 14px;

    --ta-section-gap-y: 48px;
    --ta-section-gap-y-tablet: 42px;
    --ta-page-content-start-gap: 40px;
    --ta-page-content-start-gap-tablet: 36px;
    --ta-page-content-end-gap: 56px;
    --ta-page-content-end-gap-tablet: 48px;

    --ta-header-height: 76px;
    --ta-logo-width: 220px;
    --ta-menu-gap: 28px;
    --ta-menu-font-size: 16px;
    --ta-menu-link-padding-y: 9px;
    --ta-actions-gap: 12px;
    --ta-action-height: 48px;
    --ta-action-padding-x: 16px;
    --ta-action-font-size: 15px;
    --ta-phone-min-width: 178px;
    --ta-lang-min-width: 106px;

    --ta-footer-padding-y: 32px;
    --ta-footer-content-min-height: 188px;
    --ta-footer-card-min-height: 188px;
    --ta-footer-icon-size: 46px;
    --ta-footer-social-size: 40px;
    --ta-footer-title-size: 20px;
    --ta-footer-heading-size: 18px;
    --ta-footer-text-size: 14px;
    --ta-footer-link-size: 14px;

    --ta-news-card-gap: 18px;
    --ta-news-card-padding-x: 17px;
    --ta-news-card-padding-y: 15px;
    --ta-news-header-margin-bottom: 20px;
    --ta-news-carousel-control-size: 40px;

    --ta-projects-card-min-height: 210px;
    --ta-projects-card-min-height-tablet: 205px;
    --ta-projects-content-padding-x: 17px;
    --ta-projects-content-padding-y: 15px;
    --ta-projects-badge-height: 34px;

    --ta-service-detail-media-width: 500px;
    --ta-service-detail-media-height: 540px;
    --ta-related-project-card-size: 220px;
  }

  .ta-home-hero {
    min-height: 520px;
  }

  .ta-home-hero__logo {
    margin-block-end: 32px;
  }

  .ta-home-hero__features {
    margin-block: 38px 30px;
  }

  .ta-home-hero__button {
    min-width: 188px;
  }

  .ta-internal-hero .ta-internal-hero__frame {
    min-height: 340px;
  }

  .ta-internal-hero .ta-internal-hero__content {
    padding-block: 40px;
    padding-inline: var(--ta-container-padding-x) 48px;
  }

  .ta-internal-hero .ta-internal-hero__title {
    font-size: 40px;
  }

  .ta-internal-hero .ta-internal-hero__subtitle {
    margin-block-start: 16px;
    font-size: 22px;
  }

  .ta-internal-hero .ta-internal-hero__text {
    margin-block-start: 24px;
  }

  .ta-internal-hero .ta-internal-hero__breadcrumb {
    margin-block-start: 30px;
    padding-block-start: 20px;
  }

  .ta-short-about .ta-short-about__banner {
    min-height: 300px;
  }

  .ta-service-detail .ta-service-detail__layout {
    gap: 32px;
    padding: 32px;
  }

  .ta-service-detail .ta-service-detail__feature {
    gap: 14px;
    padding-block: 18px;
  }

  .ta-service-detail .ta-service-detail__feature-icon {
    width: 52px;
    height: 52px;
    font-size: 27px;
  }

  .ta-service-detail .ta-service-detail__gallery {
    margin-inline: 32px;
    padding-block: 32px;
  }

  .ta-contact-info .ta-contact-info__form {
    gap: 16px;
    padding: 22px;
  }

  .ta-contact-info .ta-contact-form {
    --ta-contact-control-height: 54px;
    --ta-contact-message-height: 148px;
    gap: 15px;
  }

  .ta-contact-info .ta-contact-info__iframe {
    min-height: 410px;
  }

  .ta-contact-info .ta-contact-form__submit {
    min-height: 48px;
  }

  .ta-project-map__canvas,
  .ta-project-map__card {
    height: 360px;
  }

  .ta-about {
    padding-block: 24px 48px;
  }

  .ta-about__heading,
  .ta-about__section-title {
    margin-block-end: 22px;
    padding-block-end: 13px;
    font-size: 26px;
  }

  .ta-about__copy,
  .ta-about__timeline,
  .ta-about__board-main {
    padding: 24px;
  }

  .ta-about__vision-main {
    gap: 32px;
    padding: 20px;
  }

  .ta-about__vision-media img {
    min-height: 300px;
  }

  .ta-single-project {
    padding-block: 24px 54px;
  }

  .ta-single-project__container {
    max-width: 1280px;
  }

  .ta-single-project__layout {
    grid-template-columns: minmax(0, 1fr) 270px;
    gap: 22px;
  }

  .ta-single-project__intro {
    grid-template-columns: minmax(320px, 46%) 1fr;
  }

  .ta-single-project__image {
    min-height: 300px;
  }

  .ta-single-project__intro-copy {
    padding: 26px;
  }

  .ta-single-project__title {
    margin-block: 13px 11px;
    font-size: 26px;
  }

  .ta-single-project__content {
    line-height: 1.9;
  }

  .ta-single-project__highlights {
    margin-block-start: 22px;
    padding-block-start: 18px;
  }

  .ta-single-project__tabs {
    gap: 24px;
  }

  .ta-single-project__tabs button {
    padding-block: 14px;
  }

  .ta-single-project__section,
  .ta-single-project__side-card {
    padding: 20px 22px;
  }

  .ta-single-project__side-card li {
    padding-block: 11px;
  }

  .ta-single-project__sidebar {
    top: 88px;
    gap: 16px;
  }

  .ta-single-project__cta {
    padding: 22px 20px;
  }

  .ta-projects-archive,
  .ta-blog-archive,
  .ta-single-blog,
  .ta-single-news {
    padding-block: 28px 54px;
  }

  .ta-projects-archive__title {
    font-size: 34px;
  }

  .ta-projects-archive__card,
  .ta-projects-archive__image {
    min-height: 230px;
  }

  .ta-single-blog__content,
  .ta-single-news__content {
    font-size: 15px;
    line-height: 2;
  }

  .ta-single-news__layout {
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 26px;
  }
}

/* The narrower end of the laptop range already uses tablet layouts. */
@media (min-width: 992px) and (max-width: 1199.98px) {
  :root {
    --ta-container-max-width: 1080px;
    --ta-container-padding-x: 20px;
    --ta-type-section-title-size: 28px;
    --ta-section-gap-y-tablet: 40px;
    --ta-header-height: 72px;
    --ta-logo-width: 198px;
    --ta-menu-gap: 22px;
    --ta-action-height: 46px;
    --ta-phone-min-width: 168px;
  }

  .ta-home-hero {
    min-height: 490px;
  }

  .ta-internal-hero .ta-internal-hero__frame {
    min-height: 320px;
  }

  .ta-internal-hero .ta-internal-hero__title {
    font-size: 34px;
  }

  .ta-short-about .ta-short-about__banner {
    min-height: 340px;
  }

  .ta-project-map__canvas,
  .ta-project-map__card {
    height: 330px;
  }

  .ta-contact-info .ta-contact-info__map,
  .ta-contact-info .ta-contact-info__iframe {
    min-height: 390px;
  }
}