/*
Theme Name: DOO YOUNG ENG Theme
Description: Custom WordPress theme converted from DOO YOUNG ENG HTML template
Author: Your Name
Version: 1.0
Text Domain: dyeng-theme
License: GPL v2 or later
*/

/* =============================================================================
   THEME IMPORTS - Original Template Styles
   ============================================================================= */

/* Import original template styles */
@import url('assets/theme/basic/css/defaulta68a.css');
@import url('assets/theme/basic/css/aosa68a.css');
@import url('assets/theme/basic/css/en_globala68a.css');

/* =============================================================================
   RESPONSIVE FOUNDATION - Critical Overrides Only
   ============================================================================= */

/* Remove fixed widths for responsive design */
html {
    min-width: auto !important;
    overflow-x: hidden;
}

body {
    min-width: auto !important;
    overflow-x: hidden;
}

#header {
    min-width: auto !important;
}


.in_1150 {
    width: 100% !important;
    max-width: 1150px;
    margin: 0 auto;
    box-sizing: border-box;
}

#header .menu .in_1150{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* =============================================================================
   WORDPRESS CORE COMPATIBILITY
   ============================================================================= */

/* WordPress alignment classes */
.alignleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.alignright {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}

.aligncenter {
    display: block;
    margin: 0 auto 20px auto;
    text-align: center;
}

.alignwide {
    max-width: 1200px;
    margin: 20px auto;
}

.alignfull {
    width: 100vw;
    max-width: none;
    margin: 20px calc(50% - 50vw);
}

/* WordPress captions */
.wp-caption {
    max-width: 100%;
    margin-bottom: 20px;
}

.wp-caption img {
    display: block;
    margin: 0 auto;
}

.wp-caption-text {
    text-align: center;
    font-style: italic;
    font-size: 14px;
    color: #666;
    margin-top: 8px;
}

/* WordPress galleries */
.gallery {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
    gap: 10px;
}

.gallery-item {
    flex: 1;
    margin-bottom: 10px;
}

/* Responsive images */
img {
    max-width: 100%;
    height: auto;
}

/* WordPress block editor compatibility */
.wp-block {
    max-width: 100%;
}

.wp-block-group,
.wp-block-columns {
    margin-bottom: 20px;
}

/* =============================================================================
   WORDPRESS MENU INTEGRATION
   ============================================================================= */

/* WordPress menu integration fixes */
#main_nav_area ul.main_menu {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#main_nav_area ul.main_menu li {
    display: inline-block;
    position: relative;
}

#main_nav_area ul.main_menu li a {
    text-decoration: none;
}

/* =============================================================================
   WORDPRESS CONTENT STYLING
   ============================================================================= */

/* WordPress post content */
.entry-content {
    line-height: 1.6;
    margin-bottom: 30px;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin-top: 30px;
    margin-bottom: 15px;
    line-height: 1.3;
}

.entry-content p {
    margin-bottom: 15px;
}

.entry-content ul,
.entry-content ol {
    margin: 15px 0;
    padding-left: 30px;
}

/* WordPress meta information */
.entry-meta {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
}

.entry-meta a {
    color: #ff6600;
    text-decoration: none;
}

.entry-meta a:hover {
    text-decoration: underline;
}

/* =============================================================================
   WORDPRESS FORMS
   ============================================================================= */

/* Search form */
.search-form {
    display: flex;
    max-width: 300px;
    margin: 20px 0;
}

.search-form input[type="search"] {
    flex: 1;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 4px 0 0 4px;
    font-size: 14px;
}

.search-form button {
    padding: 10px 15px;
    background: #ff6600;
    color: white;
    border: none;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    font-size: 14px;
}

.search-form button:hover {
    background: #e55a00;
}

/* Comment forms */
.comment-form {
    margin: 30px 0;
}

.comment-form p {
    margin-bottom: 15px;
}

.comment-form label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
}

.comment-form input,
.comment-form textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

.comment-form input[type="submit"] {
    width: auto;
    padding: 12px 20px;
    background: #ff6600;
    color: white;
    cursor: pointer;
}

.comment-form input[type="submit"]:hover {
    background: #e55a00;
}

/* =============================================================================
   WORDPRESS NAVIGATION
   ============================================================================= */

/* Read more links */
.more-link {
    display: inline-block;
    padding: 10px 18px;
    background: #ff6600;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    margin-top: 15px;
    font-size: 14px;
    font-weight: bold;
}

.more-link:hover {
    background: #e55a00;
    color: white;
}

/* Pagination */
.navigation {
    text-align: center;
    margin: 40px 0;
}

.nav-links {
    display: inline-block;
}

.nav-links a,
.nav-links span {
    display: inline-block;
    padding: 10px 15px;
    margin: 0 3px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #666;
}

.nav-links a:hover {
    background: #ff6600;
    color: white;
    border-color: #ff6600;
}

.nav-links .current {
    background: #ff6600;
    color: white;
    border-color: #ff6600;
}

/* =============================================================================
   WORDPRESS WIDGETS
   ============================================================================= */

/* Widget areas */
.widget {
    margin-bottom: 30px;
    padding: 20px;
    /* background: #f9f9f9; */
    border-radius: 4px;
}

#footer .widget {
    margin-bottom: 0;
}

.widget-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #333;
    padding-bottom: 10px;
    border-bottom: 2px solid #ff6600;
}

.widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget li {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}

/* .widget li:last-child {
    border-bottom: none;
} */

.widget a {
    text-decoration: none;
    color: #666;
    transition: color 0.3s ease;
}

.widget a:hover {
    color: #ff6600;
}

/* =============================================================================
   WORDPRESS ADMIN BAR ADJUSTMENTS
   ============================================================================= */

/* Admin bar spacing */
.admin-bar #header {
    margin-top: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar #header {
        margin-top: 46px;
    }
}

/* =============================================================================
   ACCESSIBILITY
   ============================================================================= */

/* Screen reader text */
.screen-reader-text {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

/* Skip links */
.skip-link {
    position: absolute;
    top: -40px;
    left: 6px;
    z-index: 999999;
    padding: 8px 16px;
    background: #000;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
}

.skip-link:focus {
    top: 6px;
}

/* =============================================================================
   UTILITY CLASSES
   ============================================================================= */

/* Clearfix */
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive visibility */
.mobile-hide {
    display: block;
}

.mobile-show {
    display: none;
}

@media screen and (max-width: 767px) {
    .mobile-hide {
        display: none !important;
    }
    
    .mobile-show {
        display: block !important;
    }
}

/* =============================================================================
   ERROR PAGES
   ============================================================================= */

/* 404 page */
.error-404 {
    text-align: center;
    padding: 60px 20px;
}

.error-404 h1 {
    font-size: 48px;
    margin-bottom: 20px;
    color: #333;
}

.error-404 p {
    font-size: 18px;
    color: #666;
    margin-bottom: 30px;
}

.tabs_type_a.sub04 ul, .tabs_type_a.sub05 ul {
    display: flex;
}

.tabs_type_a li a{
    line-height: 15px;
}

.h_gnb li:last-child::after{
    display: none;
}

.navigation-buttons{
    min-height: auto;
}

.navigation-buttons .wp-block-columns{
    margin: 0px;
}

.navigation-buttons .wp-block-columns .wp-block-column{
    padding: 15px 0px;
}

#block-9{
    padding: 0px;
}

.main_full_menu_wrap{
    width: 100%;
}

.smenu_wrap{
    display: flex;
    justify-content: flex-end;
}

.smenu_left {
    position: absolute;
    left: 0px;
}

.smenu_wrap ul{
    width: 180px;
}

/* =============================================================================
   RESPONSIVE DESIGN NOTES
   ============================================================================= */

/*
   This style.css contains ONLY:
   - WordPress core compatibility styles
   - Theme imports from original template
   - Customizable styles that don't interfere with responsive design
   
   Page-specific and responsive styles are handled in:
   - assets/css/responsive.css (main responsive styles)
   - blocks/[block-name]/style-index.css (Gutenberg block styles)
   
   This separation ensures:
   ✅ Clean WordPress integration
   ✅ Easy customization without breaking responsive design  
   ✅ Better maintainability
   ✅ Proper CSS cascade order
   ✅ No hardcoded page styles
   
   Responsive Breakpoints (handled in responsive.css):
   - Mobile: Base styles (up to 767px)
   - Tablet: 768px - 1023px
   - Desktop: 1024px and above
*/