/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.5
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* =============================================================================
   Support CPT (Help Center) styles
   Moved from mu-plugins/product-tabs.php pcsup_shared_styles()
   ============================================================================= */
/* ==========================================================================
      Product Support Page Styles
      ========================================================================== */
   
   /* Post Title
      ========================================================================== */
   
   .pcsup-post-title {
   
     visibility: visible !important;
     opacity: 1 !important;
     text-align: center;
     font-size: 46px !important;
     font-weight: 700;
     color: #222;
     margin:0;
     padding:0; 
     line-height: 1.9em;

   }
   
   /* Product Image
      ========================================================================== */
   
   .pcsup-product-image-wrap {
     text-align: center !important;
     margin: 0 auto 2rem !important;
   }
   
   .pcsup-product-image {
     display: block !important;
     max-width: 400px !important;
     width: auto !important;
     height: auto !important;
     margin: 0 auto !important;
   }
   
   /* Section Title
      ========================================================================== */
   
   .pcsup-section-title {
     font-size: 1.75rem;
     font-weight: 600;
     color: #212121;
     margin: 2.5rem 0 1rem;
     padding-bottom: 0.5rem;
     line-height: 1.7em;
     
   }
   
   /* FAQ Accordion
      ========================================================================== */
   
   .pcsup-faq {
     max-width: 900px;
     margin: 0 auto 2rem;
   }
   
   .pcsup-faq__item {
     border-bottom: 1px solid #e0e0e0;
     padding: 0;
   }
   
   .pcsup-faq__item:first-child {
     border-top: 1px solid #e0e0e0;
   }
   
   .pcsup-faq__question {
     display: block;
     position: relative;
     cursor: pointer;
     padding: 16px 40px 16px 0;
     font-size: 20px;
     font-weight: 600;
     color: #212121;
     list-style: none;
   }
   
   .pcsup-faq__question::-webkit-details-marker {
     display: none;
   }
   
   .pcsup-faq__question::after {
     content: "+";
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     font-size: 22px;
     font-weight: 300;
     color: #666;
     transition: transform 0.2s;
   }
   
   .pcsup-faq__item[open] .pcsup-faq__question::after {
     content: "-";
   }
   
   .pcsup-faq__answer {
     padding: 0 0 16px;
     font-size: 16px;
     line-height: 1.6;
     color: #444;
   }
   
   .pcsup-faq__answer p {
     margin: 0 0 8px;
   }
   
   .pcsup-faq__answer p:last-child {
     margin-bottom: 0;
   }
   
   /* Documents List
      ========================================================================== */
   
   .pcsup-documents {
     max-width: 900px;
     margin: 0 auto 2rem;
   }
   
   .pcsup-documents__list {
     list-style: none;
     padding: 0;
     margin: 0;
   }
   
   .pcsup-documents__item {
     border-bottom: 1px solid #e0e0e0;
     padding: 0;
   }
   
   .pcsup-documents__item:first-child {
     border-top: 1px solid #e0e0e0;
   }
   
   .pcsup-documents__link {
     display: flex;
     align-items: center;
     gap: 10px;
     padding: 14px 0;
     font-size: 20px;
     font-weight: 500;
     color: #212121;
     text-decoration: none;
     transition: color 0.2s;
   }
   
   .pcsup-documents__link:hover {
     color: #0056b3;
   }
   
   .pcsup-documents__icon {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 28px;
     height: 28px;
     font-size: 14px;
     background: #f0f4f8;
     border-radius: 50%;
     flex-shrink: 0;
   }
   
   .pcsup-documents__name {
     flex: 1;
     font-size: 20px !important;
   }
   
   /* Videos
      ========================================================================== */
   
   .pcsup-videos {
     max-width: 900px;
     margin: 0 auto 2rem;
   }
   
   .pcsup-videos__item {
     margin-bottom: 32px;
   }
   
   .pcsup-videos__item:last-child {
     margin-bottom: 0;
   }
   
   .pcsup-videos__embed-wrap{position:relative;background:#000;border-radius:8px;overflow:hidden;max-width:100%;aspect-ratio:16/9}
   .pcsup-videos__embed-wrap iframe,.pcsup-videos__embed-wrap object,.pcsup-videos__embed-wrap embed{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
   .pcsup-videos__embed-wrap .wp-video,.pcsup-videos__embed-wrap .mejs-container,.pcsup-videos__embed-wrap video{width:100% !important;max-width:100% !important;height:100% !important}
   .pcsup-videos__embed-wrap .wp-video{position:absolute;top:0;left:0}
   .pcsup-videos__title{font-size:18px;font-weight:600;margin:0 0 12px;color:#212121;word-wrap:break-word;overflow-wrap:break-word}
   
   /* Responsive
      ========================================================================== */
   
   @media (max-width: 768px) {
     .pcsup-post-title {
       font-size: 32px !important;
       margin: 1rem 16px 1.5rem;
       padding: 0 16px;
     }
   
     .pcsup-section-title {
       margin: 2rem 16px 1rem;
     }
   
     .pcsup-faq,
     .pcsup-documents,
     .pcsup-videos {
       margin-left: 16px;
       margin-right: 16px;
     }
   
     .pcsup-product-image-wrap {
       padding: 0 16px;
     }
     
     .pcsup-product-image {
        width: 90% !important;
     }
     
   }