/*!
Theme Name: ANM Block Theme
Theme URI: https://anmedia.vn/
Author: Anmedia
Author URI: https://anmedia.vn/
Description: AN Media Block Theme – WordPress Full Site Editing theme cho Anmedia.vn
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: anm-block-theme
Tags: full-site-editing, block-patterns, block-styles, wide-blocks, one-column

This theme, like WordPress, is licensed under the GPL.
*/


/* =====================================================
   Global Reset & Base Styles
   ===================================================== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
  text-wrap: pretty;
}

a {
  text-decoration: none;
  color: var(--anm-link);
  transition: var(--anm-transition);
}

a:focus {
  outline: none;
}

a:hover,
a:focus {
  color: color-mix(in srgb, var(--anm-link) 70%, black);
}

img {
  max-width: 100%;
  height: auto;
  border-radius: var(--anm-radius);
}

@layer theme, base, components, utilities;

/* =====================================================
   Images – hover scale effect
   ===================================================== */
svg,
img[src^="data:image/svg"] {
  max-width: 300px;
}

.hover-img-wrapper {
  width: 100%;
  display: inline-block;
  overflow: hidden;
}

.hover-img {
  transition: all var(--anm-transition) ease-in-out;
}

.hover-img-wrapper:hover .hover-img {
  transform: scale(1.1);
}

/* =====================================================
   Table
   ===================================================== */
table td {
  padding: 10px;
  border: solid 1px var(--anm-dark);
}


/* =====================================================
   Accessibility
   ===================================================== */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}


.skip-link.screen-reader-text:focus {
  background-color: #ddd;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* =====================================================
   Nút báo giá tại megamenu, có class hard code html trong menudata
   ===================================================== */

.rounded-pill.fw-bold.btn-warning.btn {
  border-radius: 50rem !important;
  font-weight: 700 !important;
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
  display: inline-block;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -moz-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

@font-face {
  font-family: "Be Vietnam Pro Fallback";
  src: local("Arial");
  /*
   * Tạm đặt 105% để test.
   * Sau này sẽ điều chỉnh cho khớp font thật.
    */
  size-adjust: 108%;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}

.wp-block-button__link.wp-element-button {
  color: #000;
}