/**
 * MDDOODLE_Logo Admin Styles
 * Modern UI based on the provided mockups
 */

:root {
    --wpdoodle-primary: #fd5636;
    --wpdoodle-primary-hover: #e64a2d;
    --wpdoodle-primary-light: #fff1ef;
    --wpdoodle-primary-border: rgba(253, 86, 54, 0.3);
    --wpdoodle-text-dark: #1d2327;
    --wpdoodle-text-gray: #646970;
    --wpdoodle-border: #e5e7eb;
    --wpdoodle-bg-light: #f9fafb;
}

/* Global Styles */
.wpdoodle-admin{max-width:1240px;margin:20px 0;}
.wpdoodle-admin *{-webkit-box-sizing:border-box;box-sizing:border-box;}
.wpdoodle-code{background:#f5f7fa;padding:12px;border:1px solid #e5e7eb;border-radius:6px;overflow-x:auto;margin:16px 0;}

/* Admin Header */
.wpdoodle-admin-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;}
.wpdoodle-admin-header-info{-webkit-box-flex:1;-ms-flex:1;flex:1;}

/* Brand Header with Navigation */
.wpdoodle-brand-header-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px;padding:15px 20px;background-color:#fff;border-radius:8px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.wpdoodle-brand-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.wpdoodle-brand-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none;color:inherit;-webkit-transition:opacity 0.2s ease;-o-transition:opacity 0.2s ease;transition:opacity 0.2s ease;}
.wpdoodle-brand-link:hover{opacity:0.9;}
.wpdoodle-brand-link:focus{outline:none;-webkit-box-shadow:none;box-shadow:none;}
.wpdoodle-brand-logo{width:36px;height:36px;background-color:var(--wpdoodle-primary);border-radius:6px;margin-right:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:white;font-size:18px;}
.wpdoodle-brand-name{display:flex;align-items:center;gap:6px;}
.wpdoodle-brand-text{font-size:18px;font-weight:600;color:#1d2327;margin-right:6px;}
.wpdoodle-brand-by{font-size:13px;font-weight:400;color:#646970;display:flex;align-items:center;}
.wpdoodle-brand-by:before{content:"";display:inline-block;width:1px;height:14px;background-color:#727272;margin-right:6px;}
.wpdoodle-brand-by a{color:#646970;text-decoration:none;transition:color 0.2s ease;font-weight:500;margin-left:5px;}
.wpdoodle-brand-by a:hover{color:var(--wpdoodle-primary);}
.wpdoodle-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;}
.wpdoodle-menu-item{padding:8px 15px;color:#646970;text-decoration:none;border-radius:4px;font-size:14px;font-weight:500;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;}
.wpdoodle-menu-item:hover{background-color:#f0f0f1;color:#1d2327;}
.wpdoodle-menu-item.active{background-color:#f0f0f1;color:var(--wpdoodle-primary);font-weight:600;}

/* Main Content Layout */
.wpdoodle-content-layout{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px;}
.wpdoodle-main-content{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;}
.wpdoodle-sidebar{width:320px;-ms-flex-negative:0;flex-shrink:0;}

/* Card Styles */
.wpdoodle-card{background:#fff;border-radius:8px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1);padding:24px;margin-bottom:24px;}
.wpdoodle-card-header{margin-bottom:16px;}
.wpdoodle-card-title{font-size:16px;font-weight:600;margin:0 0 8px 0;color:#1d2327;}
.wpdoodle-card-description{color:#646970;margin:0;font-size:14px;}
.wpdoodle-card-header-with-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:26px;}

/* Alert/Notice Styles */
.wpdoodle-alert{border-radius:6px;padding:16px;margin-bottom:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.wpdoodle-alert-warning{background-color:#fff8e5;border:1px solid #ffecb5;}
.wpdoodle-alert-success{background-color:#ecfdf5;border:1px solid #d1fae5;}
.wpdoodle-alert-icon{margin-right:12px;font-size:18px;}
.wpdoodle-alert-warning .wpdoodle-alert-icon{color:#f0b849;}
.wpdoodle-alert-success .wpdoodle-alert-icon{color:#10b981;}
.wpdoodle-alert-content{-webkit-box-flex:1;-ms-flex:1;flex:1;}
.wpdoodle-alert-title{font-weight:600;margin:0 0 4px 0;}
.wpdoodle-alert-message{margin:0;color:#646970;}
.wpdoodle-alert-close{cursor:pointer;color:#646970;background:none;border:none;font-size:16px;padding:0;}

/* Button Styles */
.wpdoodle-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:8px 16px;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;text-decoration:none;border:1px solid transparent;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.wpdoodle-btn-primary{background-color:var(--wpdoodle-primary);color:white;border-color:var(--wpdoodle-primary);}
.wpdoodle-btn-primary:hover{background-color:var(--wpdoodle-primary-hover);border-color:var(--wpdoodle-primary-hover);color:white;}
.wpdoodle-btn-secondary{background-color:#f0f0f1;color:#3c434a;border-color:#dcdcde;}
.wpdoodle-btn-secondary:hover{background-color:#e5e5e5;border-color:#c3c4c7;color:#3c434a;}
.wpdoodle-btn-icon{margin-right:6px;}

/* Rule listing new design */
.wpdoodle-table-container{border:1px solid #e5e7eb;border-radius:8px;padding:20px;}
.wpdoodle-table-container h1.wp-heading-inline{padding:0;}
.wpdoodle-table-container .tablenav.top{display:inline-block;width:100%;margin-bottom:8px;}
.wpdoodle-table-container .tablenav{display:none!important;}
.wpdoodle-table-container:has(.no-pages) .tablenav.top{display:none;}
.wpdoodle-table-container .wp-list-table *,.wpdoodle-table-container .tablenav{-webkit-box-sizing:content-box;box-sizing:content-box;}
.wpdoodle-table-container .wp-list-table{border:1px solid #e5e7eb;margin:0;border-radius:5px;width:100%;border-collapse:collapse;}
.wpdoodle-table-container .wp-list-table a,.wpdoodle-table-container .wp-list-table .button-link{color:#000;text-decoration:none;}
.wpdoodle-table-container .wp-list-table strong a{font-weight:500;}
.wpdoodle-table-container .wp-list-table th a{padding:0;}
.wpdoodle-table-container .wp-list-table .row-actions{color:#646970;font-size:12px;padding:2px 0 0;opacity:0;-webkit-transition:opacity 0.2s;-o-transition:opacity 0.2s;transition:opacity 0.2s;}
.wpdoodle-table-container .wp-list-table tr:hover .row-actions{opacity:1;}
.wpdoodle-table-container .wp-list-table .row-title{font-weight:600;}
.wpdoodle-table-container .wp-list-table .row-title:hover{color:var(--wpdoodle-primary);}
.wpdoodle-table-container .wp-list-table .row-actions a{color:var(--wpdoodle-primary);}
.wpdoodle-table-container .wp-list-table .row-actions a:hover{color:#1f2937;text-decoration:underline;}
.wpdoodle-table-container .striped>tbody>:nth-child(odd),.wpdoodle-table-container ul.striped>:nth-child(odd){background-color:#fff;}
.wpdoodle-table-container .widefat thead tr th{background-color:#f9fafb;border-color:#e5e7eb;}
.wpdoodle-table-container .form-table th{width:250px;}
.wpdoodle-table-container .subsubsub{display:inline-block;width:100%;margin:20px 0 14px;border-top:1px solid rgb(112 112 112 / 20%);padding:20px 0 0;}
.wpdoodle-table-container .subsubsub li{margin-right:4px;}
.wpdoodle-table-container .subsubsub a{font-size:14px;line-height:19px;font-weight:400;color:var(--dots-primary);}
.wpdoodle-table-container .subsubsub a.current{color:#000;font-weight:600;}
.wpdoodle-table-container .wp-list-table tr{border-bottom:1px solid #e5e7eb;}
.wpdoodle-table-container .wp-list-table th,.wpdoodle-table-container .wp-list-table td{padding:15px;}
.wpdoodle-table-container .wp-list-table .column-status{width:80px;}
.wpdoodle-table-container .wp-list-table .column-occasion{width:25%;}
.wpdoodle-table-container .wp-list-table .column-date_range{width:auto;}
.wpdoodle-table-container .wp-list-table .column-preview{width:100px;text-align:center;}
.wpdoodle-table-container .wp-list-table .status-column-header,.wpdoodle-table-container .wp-list-table .preview-column-header{display:block;text-align:center;}
.wpdoodle-table-container .wp-list-table tfoot{display:none;}
.wpdoodle-content-layout .date_range span{background-color:#d7d7d7;padding:1px 4px;border-radius:2px;margin-left:2px;}
.wpdoodle-rules-list-page.wpdoodle-content-layout{-ms-flex-wrap: wrap;flex-wrap: wrap;}
.wpdoodle-rules-list-page.wpdoodle-content-layout > h2{display:none;}
.wpdoodle-rules-list-page.wpdoodle-content-layout > div{width:100%;}

/* Rule Type Badges */
.wpdoodle-rule-type{display:inline-block;font-size:11px;font-weight:500;padding:2px 6px;border-radius:10px;margin-left:6px;vertical-align:middle;visibility:hidden;}
/* .wpdoodle-table-container .wp-list-table tr:hover .wpdoodle-rule-type{visibility:visible;} */
.wpdoodle-rule-default{background-color:#e0f2fe;color:#0369a1;}
.wpdoodle-rule-custom{background-color:#f3e8ff;color:#7e22ce;}

/* Delete Rule Link */
.wpdoodle-delete-rule{color:#dc2626!important;}
.wpdoodle-delete-rule:hover{color:#b91c1c!important;}

/* Form Styles */
.wpdoodle-form-section{margin-bottom:24px;}

/* Compatibility Settings Styles */
.wpdoodle-compatibility-section{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:30px;}
.wpdoodle-compatibility-section h3{font-size:18px;margin-bottom:20px;color:#1d2327;padding-bottom:10px;border-bottom:1px solid #e5e7eb;}
.wpdoodle-selector-row{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:16px;margin-top:16px;}
.wpdoodle-form-row{margin-bottom:16px;}
.wpdoodle-form-label{display:block;margin-bottom:8px;font-weight:500;color:#4b5563;}
.wpdoodle-form-required{color:#ef4444;margin-left:4px;}
.wpdoodle-default-rule-notice{background-color:var(--wpdoodle-primary-light);border-left:4px solid var(--wpdoodle-primary);padding:8px 12px;margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.wpdoodle-default-rule-notice .dashicons{color:var(--wpdoodle-primary);margin-right:8px;}
input[readonly].wpdoodle-form-input{background-color:#f9f9f9;border-color:#ddd;cursor:not-allowed;}
.wpdoodle-form-input,.wpdoodle-form-select,.wpdoodle-form-textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background-color:#fff;}
.wpdoodle-form-input:focus,.wpdoodle-form-select:focus,.wpdoodle-form-textarea:focus{border-color:var(--wpdoodle-primary);-webkit-box-shadow:0 0 0 1px var(--wpdoodle-primary-border);box-shadow:0 0 0 1px var(--wpdoodle-primary-border);outline:none;}
.wpdoodle-form-help{color:#6b7280;font-size:12px;margin-top:4px;}
.wpdoodle-form-input-group{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}

/* Test Selector Button Styles */
.wpdoodle-form-input-group .wpdoodle-btn-secondary{white-space:nowrap;min-width:100px;padding:8px 12px;height:36px;-ms-flex-negative:0;flex-shrink:0;}
.wpdoodle-selector-result{margin-top:8px;padding:6px 0;}
.wpdoodle-selector-result .wpdoodle-success{color:#00a32a;font-weight:500;display:inline-block;padding:4px 8px;background-color:rgba(0,163,42,0.1);border-radius:4px;}
.wpdoodle-selector-result .wpdoodle-error{color:#d63638;font-weight:500;display:inline-block;padding:4px 8px;background-color:rgba(214,54,56,0.1);border-radius:4px;}
.wpdoodle-selector-result .wpdoodle-testing{color:#646970;font-style:italic;display:inline-block;padding:4px 8px;background-color:rgba(100,105,112,0.1);border-radius:4px;}

/* Logo Upload Area */
.wpdoodle-logo-upload-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;margin-top:16px;}
.wpdoodle-logo-row{display:-ms-grid;display:grid;-ms-grid-columns:1fr 24px 1fr;grid-template-columns:1fr 1fr;gap:24px;}
.wpdoodle-logo-upload{border:1px solid #d1d5db;border-radius:8px;padding:16px;}
.wpdoodle-logo-upload-title{font-weight:500;margin:0 0 8px 0;}
.wpdoodle-logo-upload-subtitle{color:#6b7280;font-size:13px;margin:0 0 16px 0;}
.wpdoodle-logo-dropzone{border:1px dashed #d1d5db;border-radius:6px;padding:24px;text-align:center;cursor:pointer;background-color:#f9fafb;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.wpdoodle-logo-dropzone:hover{border-color:var(--wpdoodle-primary);background-color:var(--wpdoodle-primary-light);}
.wpdoodle-logo-dropzone-icon{color:#9ca3af;font-size:24px;margin-bottom:8px;}
.wpdoodle-logo-dropzone-text{color:#6b7280;font-size:13px;margin:0;}
.wpdoodle-logo-preview{margin-top:16px;display:none;}
.wpdoodle-logo-preview.has-image{display:block;}
.wpdoodle-logo-dropzone.hidden{display:none;}
.wpdoodle-logo-preview img{max-width:100%;height:auto;border-radius:4px;display:block;}
.wpdoodle-logo-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:8px;}
.wpdoodle-logo-remove{color:#ef4444;background:none;border:none;padding:0;font-size:13px;cursor:pointer;text-decoration:underline;}

/* Radio and Checkbox Styles */
.wpdoodle-radio-group,.wpdoodle-checkbox-group{margin-bottom:16px;}
.wpdoodle-radio-item,.wpdoodle-checkbox-item{margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.wpdoodle-radio-item input[type="radio"],.wpdoodle-checkbox-item input[type="checkbox"]{margin-right:8px;}

/* Powered By Card */
.wpdoodle-powered-by-card{padding:16px;text-align:center;}
.wpdoodle-powered-by{display:flex;flex-direction:column;align-items:center;gap:5px;}
.wpdoodle-powered-by-logo{max-width:250px;height:auto;margin-bottom:4px;}
.wpdoodle-powered-by-text{font-size:13px;color:#646970;}
.wpdoodle-powered-by-text a{color:#2271b1;text-decoration:none;font-weight:500;margin-left:2px;}
.wpdoodle-powered-by-text a:hover{color:var(--wpdoodle-primary);}

/* Help Section */
.wpdoodle-help-section{margin-bottom:24px;}
.wpdoodle-help-title{font-size:14px;font-weight:600;margin:0 0 12px 0;color:#1f2937;}
.wpdoodle-help-list{margin:0;padding:0 0 0 20px;}
.wpdoodle-help-list li{margin-bottom:8px;color:#4b5563;font-size:14px;}
.wpdoodle-sttings-tips .wpdoodle-help-list li{margin-bottom:15px;}

/* Action Buttons */
.wpdoodle-action-icon{color:#6b7280;text-decoration:none;margin-right:8px;font-size:16px;}
.wpdoodle-action-icon:hover{color:var(--wpdoodle-primary);}
.wpdoodle-action-icon.delete:hover{color:#ef4444;}

/* Footer Actions */
.wpdoodle-form-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:12px;margin-top:24px;}

/* WordPress Admin Integration */
#wpcontent .wpdoodle-admin{margin:20px 20px 20px 0;}

/* Admin Notices */
.wpdoodle-notice{margin:15px 0;border-left-width:4px;}
.wpdoodle-notice p{margin:0.5em 0;padding:2px;font-size:13px;}
.wpdoodle-notice.notice-success{border-left-color:#00a32a;}
.wpdoodle-notice.notice-error{border-left-color:#d63638;}
.wpdoodle-notice.notice-warning{border-left-color:#dba617;}
.wpdoodle-notice.notice-info{border-left-color:#72aee6;}

/* Status Toggle */
.wpdoodle-status-toggle{position:relative;display:inline-block;width:50px;height:24px;}
.wpdoodle-status-toggle input{opacity:0;width:0;height:0;}
.wpdoodle-status-toggle .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;border-radius:24px;}
.wpdoodle-status-toggle .slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;border-radius:50%;}
.wpdoodle-status-toggle input:checked + .slider{background-color:var(--wpdoodle-primary);}
.wpdoodle-status-toggle input:disabled + .slider{background-color:#e5e7eb;cursor:not-allowed;opacity:0.6;}
.wpdoodle-status-toggle input:checked + .slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);}

/* Scheduled Label */
.wpdoodle-scheduled-label{display:inline-block;margin-left:6px;padding:2px 6px;background-color:#eff6ff;color:#1e40af;border-radius:4px;font-size:12px;font-weight:500;}

/* Preview Button */
.wpdoodle-preview-button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 10px;background-color:transparent;border:1px solid #e5e7eb;color:#4b5563;border-radius:4px;text-decoration:none;font-size:13px;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;min-width:25px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.wpdoodle-preview-button:hover{background-color:#e5e7eb;color:#1f2937;}
.wpdoodle-preview-button .dashicons{font-size:16px;width:16px;height:16px;margin-right:4px;line-height:16px;}

/* Datepicker Styling */
.ui-datepicker{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);padding:12px;width:280px;display:none;}
.ui-datepicker-header{background-color:#f9fafb;border-radius:4px;padding:8px;margin-bottom:8px;position:relative;}
.ui-datepicker-prev,.ui-datepicker-next{position:absolute;top:8px;width:24px;height:24px;text-align:center;line-height:24px;cursor:pointer;color:#6b7280;}
.ui-datepicker-prev{left:8px;}
.ui-datepicker-next{right:8px;}
.ui-datepicker-title{text-align:center;font-weight:500;color:#1f2937;}
.ui-datepicker-calendar{width:100%;border-collapse:collapse;}
.ui-datepicker-calendar th{padding:4px;text-align:center;font-weight:500;color:#6b7280;font-size:12px;}
.ui-datepicker-calendar td{padding:2px;text-align:center;}
.ui-datepicker-calendar a{display:block;padding:4px;text-decoration:none;border-radius:4px;color:#1f2937;}
.ui-datepicker-calendar a:hover{background-color:#f3f4f6;}
.ui-datepicker-calendar .ui-state-active{background-color:var(--wpdoodle-primary);color:#fff;}

/* Style for disabled dates */
.ui-datepicker td.ui-state-disabled{opacity:1;}
.ui-datepicker td.ui-state-disabled > span{background-color:#f5f5f5!important;color:#ccc!important;cursor:not-allowed;display:block;padding:4px;border-radius:4px;}

/* Override hover effect for disabled dates */
.ui-datepicker td.ui-state-disabled:hover > span{background-color:#f5f5f5!important;}

/* Select2 Styling */
.select2-container--default .select2-selection--multiple,.select2-container--default .select2-selection--single{border:1px solid #d1d5db!important;border-radius:6px!important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#f3f4f6!important;border:1px solid #e5e7eb!important;border-radius:4px!important;padding:2px 8px!important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{top:2px;line-height:17px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display{padding-left:14px;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--wpdoodle-primary)!important;}

/* Responsive Adjustments */
@media (max-width:782px){
    .wpdoodle-content-layout{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
    .wpdoodle-sidebar{width:100%;}
    .wpdoodle-logo-row{-ms-grid-columns:1fr;grid-template-columns:1fr;}
    .wpdoodle-help-grid{-ms-grid-columns:1fr;grid-template-columns:1fr;}
    .wpdoodle-brand-header-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
    .wpdoodle-menu{margin-top:15px;-ms-flex-wrap:wrap;flex-wrap:wrap;}
}