/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* Contact Us FAQ category accordion only (`.custom-faq-1`).
   Do not apply to /faqs/ archive — India archive keeps Porto grey + red left bar. */
.custom-faq-1 .toggle > label {
  padding: 10px 0 !important;
  margin-bottom: 0 !important;
  background: #fff !important;
  color: #222529 !important;
  border: 0 !important;
  border-bottom: 1px solid #e7e7e7 !important;
  border-radius: 0 !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  box-shadow: none !important;
}
.custom-faq-1 .toggle.active > label {
  background: #fff !important;
  color: #222529 !important;
  border-bottom: 0 !important;
}
.custom-faq-1 .toggle > label::before {
  content: "" !important;
  font-family: inherit !important;
  font-size: 0 !important;
  width: 8px !important;
  height: 8px !important;
  margin: 0 !important;
  top: 50% !important;
  right: 6px !important;
  border: 0 !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 1.5px solid #222529 !important;
  border-bottom: 1.5px solid #222529 !important;
  background: none !important;
  color: transparent !important;
  transform: translateY(-70%) rotate(45deg) !important;
  transition: transform .2s ease !important;
}
.custom-faq-1 .toggle.active > label::before {
  margin: 0 !important;
  top: 50% !important;
  border-color: #222529 !important;
  transform: translateY(-20%) rotate(225deg) !important;
}
.custom-faq-1 .toggle > label::after {
  content: none !important;
  display: none !important;
}
.custom-faq-1 .toggle-content {
  padding: 3px 0 6px !important;
  line-height: 28px;
}
.custom-faq-1 .toggle-content p {
  line-height: 28px;
}
.custom-faq-1 .faq {
  margin: 0 !important;
}
.custom-faq-1 .faq .toggle {
  padding: 0 !important;
  margin: 0 !important;
}

/* FAQs: shipping answer list spacing */
.faq .toggle-content ul,
.faqs .toggle-content ul,
.post-type-archive-faq .toggle-content ul,
.faq-content ul,
.porto-faqs .faq-content ul,
.accordion .card-body ul,
.glz-faq-qa__a ul {
  margin: 10px 0 14px 1.25em;
  padding-left: 0.5em;
  list-style: disc;
}
.faq .toggle-content ul li,
.faqs .toggle-content ul li,
.post-type-archive-faq .toggle-content ul li,
.faq-content ul li,
.porto-faqs .faq-content ul li,
.accordion .card-body ul li,
.glz-faq-qa__a ul li {
  margin: 0 0 8px;
  padding: 0;
  line-height: 1.55;
  list-style: disc;
}

/* FAQs: Q (summary) vs A — high specificity to beat Porto toggle/content */
.faq .toggle-content .glz-faq-qa-list,
.post-type-archive-faq .toggle-content .glz-faq-qa-list,
.porto-faqs .glz-faq-qa-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 8px 0 12px;
}

.faq .toggle-content .glz-faq-qa,
.post-type-archive-faq .toggle-content .glz-faq-qa,
.porto-faqs .glz-faq-qa {
  border: 1px solid #e8d9d4;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(20, 20, 20, 0.04);
}

.faq .toggle-content .glz-faq-qa > summary,
.post-type-archive-faq .toggle-content .glz-faq-qa > summary,
.porto-faqs .glz-faq-qa > summary {
  list-style: none !important;
  cursor: pointer;
  position: relative;
  display: flex !important;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 44px 14px 14px !important;
  margin: 0 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #111111 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.01em;
  user-select: none;
  background: #fff6f4 !important;
  border: none !important;
  border-bottom: 0 !important;
  border-left: 5px solid #cb342d !important;
  box-shadow: inset 0 -1px 0 #f0e4e0;
}

.faq .toggle-content .glz-faq-q-badge,
.post-type-archive-faq .toggle-content .glz-faq-q-badge,
.porto-faqs .glz-faq-q-badge {
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  padding: 0 8px;
  border-radius: 6px;
  background: #cb342d !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em;
}

.faq .toggle-content .glz-faq-q-text,
.post-type-archive-faq .toggle-content .glz-faq-q-text,
.porto-faqs .glz-faq-q-text {
  flex: 1 1 auto;
  display: block;
  padding-top: 2px;
  color: #111111 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.faq .toggle-content .glz-faq-qa > summary::-webkit-details-marker,
.post-type-archive-faq .toggle-content .glz-faq-qa > summary::-webkit-details-marker,
.porto-faqs .glz-faq-qa > summary::-webkit-details-marker {
  display: none !important;
}

.faq .toggle-content .glz-faq-qa > summary::marker,
.post-type-archive-faq .toggle-content .glz-faq-qa > summary::marker,
.porto-faqs .glz-faq-qa > summary::marker {
  content: "" !important;
  font-size: 0 !important;
}

.faq .toggle-content .glz-faq-qa > summary::after,
.post-type-archive-faq .toggle-content .glz-faq-qa > summary::after,
.porto-faqs .glz-faq-qa > summary::after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-right: 2.5px solid #cb342d;
  border-bottom: 2.5px solid #cb342d;
  transform: translateY(-65%) rotate(45deg);
  transition: transform .2s ease;
}

/* Keep Q as dark/bold header when open — avoid white-on-red looking thinner than A */
.faq .toggle-content .glz-faq-qa[open] > summary,
.post-type-archive-faq .toggle-content .glz-faq-qa[open] > summary,
.porto-faqs .glz-faq-qa[open] > summary {
  background: #ffe8e3 !important;
  color: #111111 !important;
  border-left-color: #a82822 !important;
  box-shadow: inset 0 -1px 0 #eadfdd;
}

.faq .toggle-content .glz-faq-qa[open] > summary::after,
.post-type-archive-faq .toggle-content .glz-faq-qa[open] > summary::after,
.porto-faqs .glz-faq-qa[open] > summary::after {
  border-right-color: #cb342d;
  border-bottom-color: #cb342d;
  transform: translateY(-20%) rotate(225deg);
}

.faq .toggle-content .glz-faq-qa__a,
.post-type-archive-faq .toggle-content .glz-faq-qa__a,
.porto-faqs .glz-faq-qa__a {
  padding: 12px 18px 16px 22px !important;
  background: #f3f4f6 !important;
  color: #6b7280 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  zoom: 0.88;
}

.faq .toggle-content .glz-faq-qa__a *,
.post-type-archive-faq .toggle-content .glz-faq-qa__a *,
.porto-faqs .glz-faq-qa__a * {
  color: #6b7280 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.faq .toggle-content .glz-faq-qa__a p,
.faq .toggle-content .glz-faq-qa__a li,
.post-type-archive-faq .toggle-content .glz-faq-qa__a p,
.post-type-archive-faq .toggle-content .glz-faq-qa__a li,
.porto-faqs .glz-faq-qa__a p,
.porto-faqs .glz-faq-qa__a li {
  margin: 0 0 8px !important;
}

.faq .toggle-content .glz-faq-qa__a p:last-child,
.faq .toggle-content .glz-faq-qa__a li:last-child,
.post-type-archive-faq .toggle-content .glz-faq-qa__a p:last-child,
.porto-faqs .glz-faq-qa__a p:last-child {
  margin-bottom: 0 !important;
}

.faq .toggle-content .glz-faq-qa__a strong,
.post-type-archive-faq .toggle-content .glz-faq-qa__a strong,
.porto-faqs .glz-faq-qa__a strong {
  color: #4b5563 !important;
  font-weight: 600 !important;
  font-size: inherit !important;
}

/* FAQs: helpful feedback (thumbs) — sibling of answer, visible when details open */
.faq .toggle-content .glz-faq-fb,
.post-type-archive-faq .toggle-content .glz-faq-fb,
.porto-faqs .glz-faq-fb {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 !important;
  padding: 12px 16px 14px !important;
  border-top: 1px solid #eadfdd;
  background: #fafafa;
}

.faq .toggle-content .glz-faq-fb__label,
.post-type-archive-faq .toggle-content .glz-faq-fb__label,
.porto-faqs .glz-faq-fb__label {
  color: #4b5563 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

.faq .toggle-content .glz-faq-fb__actions,
.post-type-archive-faq .toggle-content .glz-faq-fb__actions,
.porto-faqs .glz-faq-fb__actions {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
}

.faq .toggle-content .glz-faq-fb-btn,
.post-type-archive-faq .toggle-content .glz-faq-fb-btn,
.porto-faqs .glz-faq-fb-btn {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0 !important;
  border: 1px solid #d1d5db !important;
  border-radius: 999px;
  background: #fff !important;
  color: #6b7280 !important;
  cursor: pointer;
  line-height: 1 !important;
  font-size: 0 !important;
  transition: color .15s ease, border-color .15s ease, background-color .15s ease;
}

.faq .toggle-content .glz-faq-fb-btn svg,
.post-type-archive-faq .toggle-content .glz-faq-fb-btn svg,
.porto-faqs .glz-faq-fb-btn svg,
.faq .toggle-content .glz-faq-fb-btn svg path,
.post-type-archive-faq .toggle-content .glz-faq-fb-btn svg path,
.porto-faqs .glz-faq-fb-btn svg path {
  color: inherit !important;
  fill: currentColor !important;
  font-size: 0 !important;
  width: 20px !important;
  height: 20px !important;
}

.faq .toggle-content .glz-faq-fb-btn:hover,
.post-type-archive-faq .toggle-content .glz-faq-fb-btn:hover,
.porto-faqs .glz-faq-fb-btn:hover {
  border-color: #cb342d !important;
  color: #cb342d !important;
  background: #fff6f4 !important;
}

.faq .toggle-content .glz-faq-fb-btn.is-active,
.post-type-archive-faq .toggle-content .glz-faq-fb-btn.is-active,
.porto-faqs .glz-faq-fb-btn.is-active {
  border-color: #cb342d !important;
  background: #cb342d !important;
  color: #fff !important;
}

.faq .toggle-content .glz-faq-fb-btn.is-pop,
.post-type-archive-faq .toggle-content .glz-faq-fb-btn.is-pop,
.porto-faqs .glz-faq-fb-btn.is-pop {
  animation: glz-faq-fb-pop .35s ease;
}

@keyframes glz-faq-fb-pop {
  0% { transform: scale(1); }
  40% { transform: scale(1.28); }
  100% { transform: scale(1); }
}

/* Contact Us WPForms: required * + Element-like validation errors */
body.page-id-888 .wpforms-field-label,
.wpforms-container#wpforms-51848 .wpforms-field-label {
  font-weight: 700;
  color: #222529;
}
body.page-id-888 .wpforms-required-label,
.wpforms-container#wpforms-51848 .wpforms-required-label {
  color: #cb342d !important;
  font-weight: 700;
}
body.page-id-888 .wpforms-field-description,
.wpforms-container#wpforms-51848 .wpforms-field-description {
  color: #6b7280;
  font-size: 12px;
  margin-top: 4px;
}
body.page-id-888 .wpforms-description,
.wpforms-container#wpforms-51848 .wpforms-description {
  color: #4b5563;
  font-size: 14px;
  margin: 0 0 14px;
  line-height: 1.5;
}
body.page-id-888 .wpforms-field.glz-field-error input,
body.page-id-888 .wpforms-field.glz-field-error textarea,
.wpforms-container#wpforms-51848 .wpforms-field.glz-field-error input,
.wpforms-container#wpforms-51848 .wpforms-field.glz-field-error textarea {
  border-color: #f56c6c !important;
  background: #fff6f6 !important;
}
body.page-id-888 .glz-field-error-msg,
.wpforms-container#wpforms-51848 .glz-field-error-msg {
  color: #f56c6c !important;
  font-size: 12px !important;
  line-height: 1.4;
  margin-top: 4px;
}

/* Hide native WPForms/jQuery.Validate error labels — we render one custom message only */
body.page-id-888 #wpforms-form-51848 label.wpforms-error,
body.page-id-888 #wpforms-form-51848 em.wpforms-error,
body.page-id-888 #wpforms-form-51848 label.error,
.wpforms-container#wpforms-51848 label.wpforms-error,
.wpforms-container#wpforms-51848 em.wpforms-error,
.wpforms-container#wpforms-51848 label.error {
  display: none !important;
}